Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -113,6 +113,7 @@ const TutorialTasks: React.FC = () => {
   };
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState<{[key: string]: boolean}>({});
+  const [isWeekHidden, setIsWeekHidden] = useState<boolean>(false);
   const [translationText, setTranslationText] = useState<{[key: string]: string}>({});
   const [selectedGroups, setSelectedGroups] = useState<{[key: string]: number}>({});
   const [expandedSections, setExpandedSections] = useState<{[key: string]: boolean}>({});
@@ -444,6 +445,23 @@ const TutorialTasks: React.FC = () => {
     }
   };
 
+  useEffect(() => {
+    const loadVisibility = async () => {
+      try {
+        const base = (((api.defaults as any)?.baseURL as string) || '').replace(/\/$/, '');
+        const resp = await fetch(`${base}/api/admin/weeks/tutorial/${selectedWeek}/visibility`, {
+          headers: {
+            'Authorization': localStorage.getItem('token') ? `Bearer ${localStorage.getItem('token')}` : '',
+            'user-role': 'admin'
+          }
+        });
+        const json = await resp.json().catch(() => ({}));
+        setIsWeekHidden(!!json?.week?.hidden);
+      } catch (e) { /* noop */ }
+    };
+    loadVisibility();
+  }, [selectedWeek]);
+
   const handleFileUpload = async (file: File): Promise<string> => {
     try {
       setUploading(true);
@@ -1132,17 +1150,18 @@ const TutorialTasks: React.FC = () => {
             <div className="mt-2 flex items-center gap-2">
               <span className="text-xs text-ui-text/70">Visibility</span>
               <label className="switch">
-                <input type="checkbox" checked={!(tutorialWeek && tutorialWeek.tasks && tutorialWeek.tasks.length)} onChange={async(e)=>{
+                <input type="checkbox" checked={isWeekHidden} onChange={async(e)=>{
                   try {
                     const base = (((api.defaults as any)?.baseURL as string)||'').replace(/\/$/,'');
                     const nextHidden = e.currentTarget.checked;
                     await fetch(`${base}/api/admin/weeks/tutorial/${selectedWeek}/visibility`,{ method:'PUT', headers:{ 'Content-Type':'application/json', 'Authorization': localStorage.getItem('token')?`Bearer ${localStorage.getItem('token')}`:'', 'user-role':'admin' }, body: JSON.stringify({ hidden: nextHidden }) });
+                    setIsWeekHidden(nextHidden);
                     await fetchTutorialTasks(true);
                   } catch (err) { console.error(err);} 
                 }}/>
                 <span className="slider" />
               </label>
-              <span className="text-xs">{(tutorialWeek && tutorialWeek.tasks && tutorialWeek.tasks.length)? 'Shown' : 'Hidden'}</span>
+              <span className="text-xs">{isWeekHidden ? 'Hidden' : 'Shown'}</span>
             </div>
           )}
         </div>

client/src/pages/WeeklyPractice.tsx

@@ -88,6 +88,7 @@ const WeeklyPractice: React.FC = () => {
   const [isWeekTransitioning, setIsWeekTransitioning] = useState(false);
   const [weeklyPractice, setWeeklyPractice] = useState<WeeklyPractice[]>([]);
   const [weeklyPracticeWeek, setWeeklyPracticeWeek] = useState<WeeklyPracticeWeek | null>(null);
+  const [isWeekHidden, setIsWeekHidden] = useState<boolean>(false);
   const [userSubmissions, setUserSubmissions] = useState<{[key: string]: UserSubmission[]}>({});
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState<{[key: string]: boolean}>({});
@@ -160,6 +161,24 @@ const WeeklyPractice: React.FC = () => {
     }, 0);
   };
 
+  // Fetch visibility for current week (admin use only)
+  useEffect(() => {
+    const loadVisibility = async () => {
+      try {
+        const base = (((api.defaults as any)?.baseURL as string) || '').replace(/\/$/, '');
+        const resp = await fetch(`${base}/api/admin/weeks/weekly-practice/${selectedWeek}/visibility`, {
+          headers: {
+            'Authorization': localStorage.getItem('token') ? `Bearer ${localStorage.getItem('token')}` : '',
+            'user-role': 'admin'
+          }
+        });
+        const json = await resp.json().catch(() => ({}));
+        setIsWeekHidden(!!json?.week?.hidden);
+      } catch (e) { /* noop */ }
+    };
+    loadVisibility();
+  }, [selectedWeek]);
+
   const [editingPractice, setEditingPractice] = useState<string | null>(null);
   const [editingBrief, setEditingBrief] = useState<{[key: number]: boolean}>({});
   const [addingPractice, setAddingPractice] = useState<boolean>(false);
@@ -1463,18 +1482,19 @@ const WeeklyPractice: React.FC = () => {
             <div className="mt-2 flex items-center gap-2">
               <span className="text-xs text-ui-text/70">Visibility</span>
               <label className="switch">
-                <input type="checkbox" checked={!(weeklyPractice && weeklyPractice.length)} onChange={async(e)=>{
+                <input type="checkbox" checked={isWeekHidden} onChange={async(e)=>{
                   try {
                     const base = (((api.defaults as any)?.baseURL as string)||'').replace(/\/$/,'');
                     // when checked => Hidden, unchecked => Shown
                     const nextHidden = e.currentTarget.checked;
                     await fetch(`${base}/api/admin/weeks/weekly-practice/${selectedWeek}/visibility`,{ method:'PUT', headers:{ 'Content-Type':'application/json', 'Authorization': localStorage.getItem('token')?`Bearer ${localStorage.getItem('token')}`:'', 'user-role':'admin' }, body: JSON.stringify({ hidden: nextHidden }) });
+                    setIsWeekHidden(nextHidden);
                     await fetchWeeklyPractice(true);
                   } catch (err) { console.error(err);} 
                 }}/>
                 <span className="slider" />
               </label>
-              <span className="text-xs">{(weeklyPractice && weeklyPractice.length)? 'Shown' : 'Hidden'}</span>
+              <span className="text-xs">{isWeekHidden ? 'Hidden' : 'Shown'}</span>
             </div>
           )}
         </div>