Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -827,8 +827,6 @@ const TutorialTasks: React.FC = () => {
 
     try {
       setMutatingTaskId(taskId);
-      setGlobalAnchorDisabled(true);
-      freezeScroll();
       lockListHeight();
       lockCardHeightById(taskId);
       lockGridHeightById(taskId);
@@ -836,13 +834,16 @@ const TutorialTasks: React.FC = () => {
       setSubmitting({ ...submitting, [taskId]: true });
       });
       const user = JSON.parse(localStorage.getItem('user') || '{}');
-      const response = await api.post('/api/submissions', {
-        sourceTextId: taskId,
-        transcreation: text,
-        groupNumber: group,
-        culturalAdaptations: [],
-        username: user.name || 'Unknown'
-      });
+      const response = await new Promise((resolve) => requestAnimationFrame(async () => {
+        const res = await api.post('/api/submissions', {
+          sourceTextId: taskId,
+          transcreation: text,
+          groupNumber: group,
+          culturalAdaptations: [],
+          username: user.name || 'Unknown'
+        });
+        resolve(res);
+      })) as any;
 
       if (response.status >= 200 && response.status < 300) {
         const created = response.data;
@@ -885,8 +886,6 @@ const TutorialTasks: React.FC = () => {
         unlockGridHeightById(taskId);
       }));
       setMutatingTaskId(null);
-      setGlobalAnchorDisabled(false);
-      unfreezeScroll();
     }
   };
 
@@ -933,8 +932,6 @@ const TutorialTasks: React.FC = () => {
 
     try {
       if (taskId) setMutatingTaskId(taskId);
-      setGlobalAnchorDisabled(true);
-      freezeScroll();
       lockListHeight();
       const response = await api.delete(`/api/submissions/${submissionId}`);
 
@@ -980,8 +977,6 @@ const TutorialTasks: React.FC = () => {
         unlockGridHeightById(taskId);
       }
       setMutatingTaskId(null);
-      setGlobalAnchorDisabled(false);
-      unfreezeScroll();
     }));
   };