Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -66,6 +66,7 @@ const TutorialTasks: React.FC = () => {
   const [submitting, setSubmitting] = useState<{[key: string]: boolean}>({});
   const [isWeekHidden, setIsWeekHidden] = useState<boolean>(false);
   const [translationText, setTranslationText] = useState<{[key: string]: string}>({});
+  const [mutatingTaskId, setMutatingTaskId] = useState<string | null>(null);
   
   const [expandedSections, setExpandedSections] = useState<{[key: string]: boolean}>({});
   const cardRefs = useRef<{[key: string]: HTMLDivElement | null}>({});
@@ -766,6 +767,7 @@ const TutorialTasks: React.FC = () => {
     }
 
     try {
+      setMutatingTaskId(taskId);
       lockListHeight();
       lockCardHeightById(taskId);
       withPreservedCardOffset(taskId, () => {
@@ -807,6 +809,7 @@ const TutorialTasks: React.FC = () => {
         unlockListHeight();
         unlockCardHeightById(taskId);
       }));
+      setMutatingTaskId(null);
     }
   };
 
@@ -852,6 +855,7 @@ const TutorialTasks: React.FC = () => {
 
 
     try {
+      if (taskId) setMutatingTaskId(taskId);
       lockListHeight();
       const response = await api.delete(`/api/submissions/${submissionId}`);
 
@@ -875,6 +879,7 @@ const TutorialTasks: React.FC = () => {
     requestAnimationFrame(() => requestAnimationFrame(() => {
       unlockListHeight();
       if (taskId) unlockCardHeightById(taskId);
+      setMutatingTaskId(null);
     }));
   };
 
@@ -1833,7 +1838,8 @@ const TutorialTasks: React.FC = () => {
                 ref={(el) => { (cardRefs.current[task._id] = el); }}
                 className="bg-white rounded-xl shadow-lg border border-gray-100 p-8 hover:shadow-xl transition-shadow duration-300 mb-8"
                 style={{ 
-                  minHeight: '700px'
+                  minHeight: '700px',
+                  overflowAnchor: mutatingTaskId === task._id ? 'none' as any : undefined
                 }}
               >
                 <div className="mb-6">
@@ -2162,7 +2168,7 @@ const TutorialTasks: React.FC = () => {
                         </svg>
                       </button>
                     </div>
-                    <div className={`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 transition-all duration-300 ${
+                  <div className={`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 ${mutatingTaskId === task._id ? 'transition-none' : 'transition-all duration-300'} ${
                       expandedSections[task._id] 
                         ? 'max-h-none overflow-visible' 
                         : 'max-h-0 overflow-hidden'