Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -717,7 +717,9 @@ const TutorialTasks: React.FC = () => {
     }
 
     try {
-      setSubmitting({ ...submitting, [taskId]: true });
+      withPreservedScroll.current?.(() => {
+        setSubmitting({ ...submitting, [taskId]: true });
+      });
       const user = JSON.parse(localStorage.getItem('user') || '{}');
       const response = await api.post('/api/submissions', {
         sourceTextId: taskId,
@@ -731,11 +733,13 @@ const TutorialTasks: React.FC = () => {
         const result = response.data;
         console.log('Submission created successfully:', result);
    
-        // Defer all state updates to prevent UI jumping
-        React.startTransition(() => {
-          setTranslationText({ ...translationText, [taskId]: '' });
-          setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
-          fetchUserSubmissions(tutorialTasks);
+        // Defer all state updates and preserve scroll to prevent UI jumping
+        withPreservedScroll.current?.(() => {
+          React.startTransition(() => {
+            setTranslationText({ ...translationText, [taskId]: '' });
+            setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
+            fetchUserSubmissions(tutorialTasks);
+          });
         });
       } else {
         console.error('Failed to submit translation:', response.data);
@@ -744,7 +748,9 @@ const TutorialTasks: React.FC = () => {
       console.error('Error submitting translation:', error);
       
     } finally {
-      setSubmitting({ ...submitting, [taskId]: false });
+      withPreservedScroll.current?.(() => {
+        setSubmitting({ ...submitting, [taskId]: false });
+      });
     }
   };
 
@@ -794,9 +800,11 @@ const TutorialTasks: React.FC = () => {
 
       if (response.status === 200) {
   
-        // Defer refetch to prevent UI jumping
-        React.startTransition(() => {
-          fetchUserSubmissions(tutorialTasks);
+        // Defer refetch to prevent UI jumping and preserve scroll around DOM updates
+        withPreservedScroll.current?.(() => {
+          React.startTransition(() => {
+            fetchUserSubmissions(tutorialTasks);
+          });
         });
       } else {