moved release hooks in correct folder and implements useForks

docs/components/Forks.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { useForks } from "../../src";
+
+const Forks = () => {
+  const { forks, loading, error } = useForks("facebook", "react");
+
+  return (
+    <div>
+      <h1>Forks by repo</h1>
+      {loading && <div>Loading forks from Github</div>}
+      {error && <div>{error}</div>}
+      {forks &&
+        forks.length > 0 &&
+        forks.map(fork => (
+          <div key={fork.id}>
+            <h4>{fork.full_name}</h4>
+          </div>
+        ))}
+    </div>
+  );
+};
+
+export default Forks;

docs/example.js

@@ -6,6 +6,7 @@ import Branches from "./components/Branches";
 import Branch from "./components/Branch";
 import LatestRelease from "./components/LatestRelease";
 import TaggedRelease from "./components/TaggedRelease";
+import Forks from "./components/Forks";
 
 function App() {
   return (
@@ -22,6 +23,8 @@ function App() {
       <hr />
       <TaggedRelease />
       <hr />
+      <Forks />
+      <hr />
     </div>
   );
 }

src/index.js

@@ -2,8 +2,9 @@ import useRepos from './lib/useRepos'
 import useUser from './lib/useUser'
 import useBranches from './lib/branch/useBranches'
 import useBranch from './lib/branch/useBranch'
-import useLatestRelease from './lib/repository/useLatestRelease'
-import useTaggedRelease from './lib/repository/useTaggedRelease'
+import useLatestRelease from './lib/release/useLatestRelease'
+import useTaggedRelease from './lib/release/useTaggedRelease'
+import useForks from './lib/repository/useForks'
 
 export {
   useRepos,
@@ -12,6 +13,7 @@ export {
   useBranch,
   useLatestRelease,
   useTaggedRelease,
+  useForks,
 }
 
 export default {
@@ -21,4 +23,5 @@ export default {
   useBranch,
   useLatestRelease,
   useTaggedRelease,
+  useForks,
 }

src/lib/repository/useForks.js

@@ -0,0 +1,35 @@
+import {
+  useState,
+  useEffect
+} from 'react'
+
+export default function useForks(owner, repo) {
+  const [forks, setForks] = useState([])
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState(null)
+
+  useEffect(() => {
+    if (repo && repo.length > 0 && owner && owner.length) {
+      setLoading(true)
+      setError(null)
+      fetch(`https://api.github.com/repos/${owner}/${repo}/forks`)
+        .then(res => res.json())
+        .then(data => {
+          setLoading(false)
+          setForks(data)
+          setError(null)
+        })
+        .catch(e => {
+          setLoading(false)
+          setForks([])
+          setError(e)
+        })
+    }
+  }, [owner, repo])
+
+  return {
+    forks,
+    loading,
+    error
+  }
+}