Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -704,12 +704,15 @@ const TutorialTasks: React.FC = () => {
     }
   }, [tutorialTasks, fetchUserSubmissions]);
 
-  const handleSubmitTranslation = async (taskId: string) => {
-    if (!translationText[taskId]?.trim()) {
+  const handleSubmitTranslation = async (taskId: string, localText?: string, localGroup?: number) => {
+    const text = localText || translationText[taskId];
+    const group = localGroup || selectedGroups[taskId];
+    
+    if (!text?.trim()) {
       return;
     }
 
-    if (!selectedGroups[taskId]) {
+    if (!group) {
       return;
     }
 
@@ -718,8 +721,8 @@ const TutorialTasks: React.FC = () => {
       const user = JSON.parse(localStorage.getItem('user') || '{}');
       const response = await api.post('/api/submissions', {
         sourceTextId: taskId,
-        transcreation: translationText[taskId],
-        groupNumber: selectedGroups[taskId],
+        transcreation: text,
+        groupNumber: group,
         culturalAdaptations: [],
         username: user.name || 'Unknown'
       });
@@ -2153,7 +2156,7 @@ const TutorialTasks: React.FC = () => {
                     submitting={!!submitting[task._id]}
                     onGroupChange={(n) => setSelectedGroups(prev => ({ ...prev, [task._id]: n as number }))}
                     onTranslationChange={(v) => setTranslationText(prev => ({ ...prev, [task._id]: v }))}
-                    onSubmit={() => handleSubmitTranslation(task._id)}
+                    onSubmit={(localText, localGroup) => handleSubmitTranslation(task._id, localText, localGroup)}
                     label="Select Your Group"
                     selectWidthClass="w-40"
                     containerClassName="bg-white rounded-lg p-4 border border-gray-200"
@@ -2242,7 +2245,7 @@ const TranslationSection: React.FC<{
   submitting: boolean;
   onGroupChange: (n: number) => void;
   onTranslationChange: (v: string) => void;
-  onSubmit: () => void;
+  onSubmit: (localText: string, localGroup: number) => void;
   label?: string;
   selectWidthClass?: string;
   containerClassName?: string;
@@ -2323,7 +2326,7 @@ const TranslationSection: React.FC<{
         placeholder="Enter your group's translation here..."
       />
       <button
-        onClick={() => { if (localGroup) onGroupChange(localGroup as number); onTranslationChange(localText || ''); onSubmit(); }}
+        onClick={() => { if (localGroup) onSubmit(localText, localGroup as number); }}
         disabled={submitting}
         className="relative inline-flex items-center justify-center gap-2 px-4 py-2 rounded-2xl text-sm font-medium text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 shadow-[inset_0_1px_0_rgba(255,255,255,0.6),inset_0_-1px_0_rgba(0,0,0,0.12)] bg-sky-600/70 disabled:bg-gray-400 mt-2"
       >