fix bug with cards not rendering fully on preview

Alforoan · Sep 10, 2024 · d454f9a · d454f9a
1 parent 0a0898d
commit d454f9a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/client/src/components/UploadBoardComponent.tsx b/client/src/components/UploadBoardComponent.tsx
@@ -50,7 +50,7 @@ const UploadBoardComponent: React.FC<UploadProps> = ({ isEditingTitle }) => {
       name: boardName,
       uuid: uuidv4(),
     };
-    handleUploadNewTemplate(boardToUpload);
+    await handleUploadNewTemplate(boardToUpload);
     setSelectedBoard(null);
     navigate("/templates");
   };

diff --git a/client/src/context/TemplateContext.tsx b/client/src/context/TemplateContext.tsx
@@ -57,13 +57,19 @@ export const TemplateProvider = ({ children }: { children: ReactNode }) => {
     try {
       await postTemplate(template);
 
-      template.cards!.forEach(async (card) => {
+      const uploadCardPromises = template.cards!.map(async (card) => {
         if (card.id !== "0") {
-          await postCard(card, template.uuid, true);
+          return await postCard(card, template.uuid, true);
         }
       });
 
-      setUploadedTemplateNames((prev) => [...prev, template.name]);
+      await Promise.all(uploadCardPromises);
+
+      setUploadedTemplateNames((prev) => {
+        console.log('LOGGING PREV WHEN  UPLOADING A TEMPLTAE', prev);
+
+        return [...prev, template.name];
+      });
     } catch (error) {
       console.error("Error uploadinig template cards:", error);
     }

diff --git a/client/src/hooks/useAPI.tsx b/client/src/hooks/useAPI.tsx
@@ -210,7 +210,8 @@ export const usePostTemplate = () => {
       downloads: 0,
       uploaded_at: new Date(),
     };
-    await execute({ payload: payload });
+    const response = await execute({ payload: payload });
+    return response;
   };
 
   return { postTemplate, isLoading, error };