Merge branch '1.3.x' into 20-usegithubautomatedrepos-add-other-type-of-img-file-in-banner---svg

Author: digoarthur

README.md

@@ -1,7 +1,7 @@
 
 
 <!--Commit changes
- docs: update Readme
+
 -->
 
 <!-- VISUALIZAR NO VSCODE  CTRL + K  V -->
@@ -326,7 +326,7 @@ import { useGitHubAutomatedRepos, ProjectIcons, StackIcons, StackLabels } from '
       ...
       {item.topics.map((icon, index) => {
            return (
-             <StackLabes key={ index } itemTopics={ icon } className={ } />
+             <StackLabels key={ index } itemTopics={ icon } className={ } />
       }
       ...
      

README_PT.md

@@ -311,7 +311,7 @@ Array(0)
       ...
       {item.topics.map((icon, index) => {
            return (
-             <StackLabes key={ index } itemTopics={ icon } className={ } />
+             <StackLabels key={ index } itemTopics={ icon } className={ } />
       }
       ...
       ```

src/hooks/useGithubAutomatedRepos.ts

@@ -34,19 +34,33 @@ export interface IGithubRepos {
  * @returns {(IGithubRepos[])} - Returns an array with the properties: name, topics, html_url, description, id, homepage.
  */
 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>('');
 
-    dataFilter = repository.filter((item: IGithubRepos) => item.topics.includes(keyWordDeploy as never));
+    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)));
+            } catch (err) {
+                setError((err as Error).message);
+            } finally {
+                setLoading(false);
+            }
+        };
 
-    const typeImg = ['svg', 'png'];
+        fetchData();
+    }, [usernameGitHub, keyWordDeploy]);
+  
+  
+     const typeImg = ['svg', 'png'];
     function checkImage(usernameGitHub: string, repositoryName: string): string {
         let checkURL = '';
         typeImg.map((type) => {
@@ -61,8 +75,11 @@ export function useGitHubAutomatedRepos(usernameGitHub: string, keyWordDeploy: s
         });
         return checkURL;
     }
+  
+
+
+    const repository = data.map((item: IGithubRepos) => ({
 
-    return dataFilter.map((item: IGithubRepos) => ({
         id: item.id,
         name: item.name,
         html_url: item.html_url,
@@ -71,6 +88,8 @@ export function useGitHubAutomatedRepos(usernameGitHub: string, keyWordDeploy: s
         homepage: item.homepage,
         banner: checkImage(usernameGitHub, item.name),
     }));
+    return { repository, loading, error };
+
 }
 
 export function IconsData() {