renamed hook

Author: atapas

src/js/App.js

@@ -1,16 +1,16 @@
 import React from "react";
 import TODO from './TODO';
 
-import { useFetch } from './jexia/useFetch';
+import { useList } from './jexia/useList';
 
 const App = () => {
-  const [ data, loading ] = useFetch("todos");
+  const [ data, loading ] = useList("todos");
 
   return (
     <React.Fragment>
       {
         loading ?
-          (<h1>loading from Jexia...</h1>) 
+          (<h1>Loading Todos from Jexia...</h1>) 
           : (<TODO todos={ data }/>) 
       }
     </React.Fragment>

src/js/jexia/useFetch.js renamed to src/js/jexia/useList.js

@@ -2,22 +2,22 @@ import React, { useState, useEffect } from 'react';
 
 import { list } from './index';
 
-const useFetch = (dataSet) => {
+const useList = (dataSet) => {
     const [data, setData] = useState([]);
     const [loading, setLoading] = useState(true);
 
-    async function fetchData() {
-        console.log('fetchData');
+    async function listData() {
+        console.log('useList');
         let records = await list(dataSet);
         setData(records);
         setLoading(false);
     }
 
     useEffect(() => {
-        fetchData();
+        listData();
     }, [dataSet]);
 
     return [ data, loading ];
 };
 
-export { useFetch };
+export { useList };