#18 [useGithubAutomatedRepos] Repeat Data - add implement data tratament (#27)

* feat: add implement data tratament with the possibility of waiting, loading while the data actually loads.

Author: digoarthur

src/hooks/useGithubAutomatedRepos.ts

@@ -26,7 +26,6 @@ export interface IGithubRepos {
     id: number;
     homepage: string;
     banner: () => string;
-
 }
 
 /**
@@ -36,60 +35,31 @@ export interface IGithubRepos {
  */
 export function useGitHubAutomatedRepos(usernameGitHub: string, keyWordDeploy: string) {
 
-    const [repository, setRepository] = useState<IGithubRepos[]>([]);
-
-    useEffect(() => {
-        fetch(`https://api.github.com/users/${usernameGitHub}/repos?sort=created&per_page=999`)
-            .then((response) => response.json())
-            .then((data) => setRepository(data));
-    }, []);
-
-    let dataFilter = [];
-
+    const [data, setData] = useState<IGithubRepos[]>([]);
+    const [loading, setLoading] = useState<boolean>(true);
+    const [error, setError] = useState<string>('');
 
-    const [data,setData] = useState <IGithubRepos[]>([])
-    const [loading, setLoading] =useState <boolean>(true)
-    const [error, setError] = useState<string>("")
     useEffect(() => {
         const fetchData = async () => {
-     setLoading(true)
-        try {
-              const response = await fetch(`https://api.github.com/users/${usernameGitHub}/repos?sort=created&per_page=999`);
-              if (!response.ok) {
-                throw new Error(`Unsuccessful request: ${response.statusText}`);
-              }
-              const jsonData = await response.json();
-              setData(jsonData.filter((item: IGithubRepos) => item.topics.includes(keyWordDeploy as never))); 
+            setLoading(true);
+            try {
+                const response = await fetch(`https://api.github.com/users/${usernameGitHub}/repos?sort=created&per_page=999`);
+                if (!response.ok) {
+                    throw new Error(`Unsuccessful request: ${response.statusText}`);
+                }
+                const jsonData = await response.json();
+                setData(jsonData.filter((item: IGithubRepos) => item.topics.includes(keyWordDeploy as never)));
             } catch (err) {
-             setError((err as Error).message)
-            }finally{
-                setLoading(false)
+                setError((err as Error).message);
+            } finally {
+                setLoading(false);
             }
-          };
-      
-          fetchData();  
-    }, [usernameGitHub,keyWordDeploy]);
+        };
 
+        fetchData();
+    }, [usernameGitHub, keyWordDeploy]);
 
-     let repository = data.map((item: IGithubRepos) => ({
-
-    const typeImg = ['svg', 'png'];
-    function checkImage(usernameGitHub: string, repositoryName: string): string {
-        let checkURL = '';
-        typeImg.map((type)=> {
-            const url = `https://raw.githubusercontent.com/${usernameGitHub}/${repositoryName}/main/src/assets/imgs/banner.${type}`;
-            const http = new XMLHttpRequest();
-            http.open('HEAD', url, false);
-            http.send();
-
-            if (http.status === 200) {
-                checkURL = url;
-            }
-        });
-        return checkURL;
-    }
-
-    return dataFilter.map((item: IGithubRepos) => ({
+    const repository = data.map((item: IGithubRepos) => ({
 
         id: item.id,
         name: item.name,
@@ -99,8 +69,7 @@ export function useGitHubAutomatedRepos(usernameGitHub: string, keyWordDeploy: s
         homepage: item.homepage,
         banner: checkImage(usernameGitHub, item.name),
     }));
-    return {repository, loading, error};
-
+    return { repository, loading, error };
 
 }