fix road

src/App.jsx

@@ -22,6 +22,7 @@ const App = () => {
   const [loading, setLoading] = useState(true);
   const [showLoading, setShowLoading] = useState(false);
   const [subscription, setSubscription] = useState(0);
+  const [loadingSubscription, setLoadingSubscription] = useState(true);
 
   useEffect(() => {
     const timeoutId = setTimeout(() => setShowLoading(true), 6000); 
@@ -48,17 +49,23 @@ const App = () => {
     if (user) {
       const fetchSubscription = async () => {
         try {
+          setLoadingSubscription(true); 
           const userSubscription = await getUserSubscription(user.uid);
+          console.log('User Subscription:', userSubscription); 
           setSubscription(userSubscription || 0);
         } catch (error) {
           console.error('Error fetching subscription:', error);
+        } finally {
+          setLoadingSubscription(false); 
         }
       };
       fetchSubscription();
+    } else {
+      setLoadingSubscription(false); 
     }
   }, [user]);
   
-  if (loading && showLoading) {
+  if (loading || loadingSubscription) {
     return <Loading />;
   }
 

src/service/api.tsx

@@ -94,7 +94,7 @@ class serviiApi {
 
     public static async fetchModpacks(): Promise<ApiResponse> {
     try {
-      const response = await fetch(`${apiUrl}/modpacks`, {
+      const response = await fetch(`https://www.servii.fr/api/modpacks/image/a-metadata.txt`, {
         method: 'GET',
       });
       const json = await response.json();