update

Author: generalentropy

context/GlobalProvider.jsx

@@ -6,9 +6,9 @@ export const GlobalContext = createContext();
 
 const GlobalProvider = ({ children }) => {
   const [reposData, setReposData] = useState(null);
+  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
-    // Pour éviter de multiples refetch pendant le dev (github api rate limit)
     if (!reposData) {
       fetchReposData(ORGNAME)
         .then((res) => {
@@ -21,6 +21,9 @@ const GlobalProvider = ({ children }) => {
         })
         .catch((error) => {
           console.log(error);
+        })
+        .finally(() => {
+          setLoading(false);
         });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -30,6 +33,8 @@ const GlobalProvider = ({ children }) => {
     <GlobalContext.Provider
       value={{
         reposData,
+        loading,
+        setLoading,
         setReposData,
       }}
     >

hooks/useDiscordInfo.jsx

@@ -0,0 +1,41 @@
+import { useState, useEffect } from "react";
+
+function useDiscordInfo(guildId) {
+  const [infos, setInfos] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    if (!guildId) {
+      console.error("Vous devez fournir un id de guild");
+      setError("Vous devez fournir un id de guild");
+      setLoading(false);
+      return;
+    }
+
+    const getDiscordData = async () => {
+      try {
+        const response = await fetch(
+          `https://discord.com/api/v10/guilds/${guildId}/widget.json`,
+        );
+
+        if (!response.ok) {
+          throw new Error(`Error: ${response.status} ${response.statusText}`);
+        }
+        const data = await response.json();
+        setInfos(data);
+      } catch (error) {
+        console.error("Fetch error:", error);
+        setError(error.message);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    getDiscordData();
+  }, [guildId]);
+
+  return { infos, loading, error };
+}
+
+export default useDiscordInfo;

hooks/useProjectInfo.jsx

@@ -3,12 +3,12 @@ import { useMemo } from "react";
 function useProjectInfo(reposData, githubRepoName) {
   const findProjectObjectByName = (array, name) => {
     if (!array) {
-      console.error("Vous devez fournir un tableau");
+      console.log("Vous devez fournir un tableau");
       return null;
     }
 
     if (!name) {
-      console.error("Vous devez fournir un élément à rechercher");
+      console.log("Vous devez fournir un élément à rechercher");
       return null;
     }
     return array.find((item) => item.name === name);