Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -91,6 +91,22 @@ const TutorialTasks: React.FC = () => {
     el.style.minHeight = '';
   };
 
+  const lockCardHeightById = (id: string) => {
+    const el = cardRefs.current[id];
+    if (!el) return;
+    const h = el.getBoundingClientRect().height;
+    el.style.minHeight = `${h}px`;
+    el.style.height = `${h}px`;
+    el.style.overflow = 'hidden';
+  };
+  const unlockCardHeightById = (id: string) => {
+    const el = cardRefs.current[id];
+    if (!el) return;
+    el.style.overflow = '';
+    el.style.height = '';
+    el.style.minHeight = '';
+  };
+
   // Initialize scroll preservation helper once
   useEffect(() => {
     withPreservedScroll.current = (fn: () => void) => {
@@ -735,6 +751,7 @@ const TutorialTasks: React.FC = () => {
 
     try {
       lockListHeight();
+      lockCardHeightById(taskId);
       withPreservedScroll.current?.(() => {
         setSubmitting({ ...submitting, [taskId]: true });
       });
@@ -770,7 +787,10 @@ const TutorialTasks: React.FC = () => {
         setSubmitting({ ...submitting, [taskId]: false });
       });
       // release after a couple frames to let DOM settle
-      requestAnimationFrame(() => requestAnimationFrame(unlockListHeight));
+      requestAnimationFrame(() => requestAnimationFrame(() => {
+        unlockListHeight();
+        unlockCardHeightById(taskId);
+      }));
     }
   };
 
@@ -812,7 +832,7 @@ const TutorialTasks: React.FC = () => {
     setEditSubmissionText('');
   };
 
-  const handleDeleteSubmission = async (submissionId: string) => {
+  const handleDeleteSubmission = async (submissionId: string, taskId?: string) => {
 
 
     try {
@@ -834,8 +854,11 @@ const TutorialTasks: React.FC = () => {
       console.error('Error deleting submission:', error);
 
     }
-    // let DOM settle then unlock
-    requestAnimationFrame(() => requestAnimationFrame(unlockListHeight));
+    // let DOM settle then unlock (both list and card if id known)
+    requestAnimationFrame(() => requestAnimationFrame(() => {
+      unlockListHeight();
+      if (taskId) unlockCardHeightById(taskId);
+    }));
   };
 
   const getStatusIcon = (status: string) => {
@@ -2165,7 +2188,7 @@ const TutorialTasks: React.FC = () => {
                             )}
                             {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
                               <button
-                                onClick={() => handleDeleteSubmission(submission._id)}
+                                onClick={() => handleDeleteSubmission(submission._id, task._id)}
                                 className="text-red-600 hover:text-red-800 text-sm font-medium"
                               >
                                 Delete