part 15

taming-the-state-in-react · Sep 1, 2017 · 2f70cec · 2f70cec
1 parent ccb9661
commit 2f70cec
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/api/story.js b/src/api/story.js
@@ -0,0 +1,9 @@
+const HN_BASE_URL = 'http://hn.algolia.com/api/v1/search?query=';
+
+const fetchStories = (query) =>
+  fetch(HN_BASE_URL + query)
+    .then(response => response.json());
+
+export {
+  fetchStories,
+};
diff --git a/src/components/SearchStories.js b/src/components/SearchStories.js
@@ -2,12 +2,7 @@ import React, { Component } from 'react';
 import { observable, action } from 'mobx';
 import { observer, inject } from 'mobx-react';
 import Button from './Button';
-
-const HN_BASE_URL = 'http://hn.algolia.com/api/v1/search?query=';
-
-const fetchStories = (query) =>
-  fetch(HN_BASE_URL + query)
-    .then(response => response.json());
+import { fetchStories } from '../api/story';
 
 @inject('storyStore') @observer
 class SearchStories extends Component {