Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -2484,6 +2484,15 @@ const TranslationSection: React.FC<{
   const [localGroup, setLocalGroup] = React.useState<number | ''>(selectedGroup || '');
   React.useEffect(() => { setLocalText(translation || ''); }, [taskId]);
   React.useEffect(() => { setLocalGroup(selectedGroup || ''); }, [taskId, selectedGroup]);
+  const isSafariEnv = typeof navigator !== 'undefined' && /Safari\//.test(navigator.userAgent) && !/Chrome\//.test(navigator.userAgent) && !/CriOS\//.test(navigator.userAgent);
+  const submitTriggeredRef = React.useRef(false);
+  const triggerSubmitOnce = React.useCallback((e?: React.SyntheticEvent) => {
+    if (submitTriggeredRef.current) { e?.preventDefault?.(); return; }
+    submitTriggeredRef.current = true;
+    if (localGroup) onSubmit(localText, localGroup as number);
+    // Small cooldown to avoid duplicate fire from click after pointerdown
+    setTimeout(() => { submitTriggeredRef.current = false; }, 400);
+  }, [localText, localGroup, onSubmit]);
   const wrapSelection = (wrapper: '**' | '*') => {
     const el = document.getElementById(`tutorial-translation-${taskId}`) as HTMLTextAreaElement | null;
     const current = localText || '';
@@ -2556,9 +2565,12 @@ const TranslationSection: React.FC<{
         placeholder="Enter your group's translation here..."
       />
       <button
-        onClick={() => { if (localGroup) onSubmit(localText, localGroup as number); }}
+        type="button"
+        onClick={!isSafariEnv ? (e) => { e.preventDefault(); triggerSubmitOnce(e); } : undefined}
+        onPointerDown={isSafariEnv ? (e) => { e.preventDefault(); triggerSubmitOnce(e as unknown as React.SyntheticEvent); } : undefined}
         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"
+        style={{ touchAction: 'manipulation' as any }}
       >
         {submitting ? (
           <>