Upload folder using huggingface_hub

client/src/pages/Slides.tsx

@@ -34,12 +34,9 @@ const Slides: React.FC = () => {
       try { const parsed = u ? JSON.parse(u) : null; setIsAdmin(parsed?.role === 'admin'); } catch {}
       try {
         setLoading(true); setError('');
-        const base = (((api.defaults as any)?.baseURL as string) || '').replace(/\/$/, '');
-        const resp = await fetch(`${base}/api/slides`, { cache: 'no-cache' });
-        if (!resp.ok) throw new Error('Failed to load slides');
-        const data = await resp.json();
+        const resp = await api.get('/api/slides', { headers: { 'Cache-Control': 'no-cache' } });
         if (aborted) return;
-        const list = Array.isArray(data?.slides) ? data.slides : [];
+        const list = Array.isArray((resp.data as any)?.slides) ? (resp.data as any).slides : [];
         setItems(list as any);
       } catch (e: any) {
         if (!aborted) setError('Unable to load slides.');
@@ -57,43 +54,13 @@ const Slides: React.FC = () => {
     
     setDeleting(slideId);
     try {
-      const token = localStorage.getItem('token') || '';
-      const base = (((api.defaults as any)?.baseURL as string) || '').replace(/\/$/, '');
-      const url = `${base}/api/slides/${slideId}`;
-      console.log('Deleting slide:', slideId);
-      console.log('Base URL from api.defaults:', (api.defaults as any)?.baseURL);
-      console.log('Constructed base:', base);
-      console.log('Full URL:', url);
-      console.log('Token:', token ? 'Present' : 'Missing');
-      
-      const resp = await fetch(url, {
-        method: 'DELETE',
-        headers: {
-          'Authorization': `Bearer ${token}`,
-          'user-role': 'admin',
-          'user-info': localStorage.getItem('user') || ''
-        }
-      });
-      
-      console.log('Delete response status:', resp.status);
-      
-      if (resp.ok) {
-        // Remove the slide from the local state
-        setItems(items.filter(item => (item as any)._id !== slideId));
-      } else {
-        let errorMessage = 'Unknown error';
-        try {
-          const errorData = await resp.json();
-          errorMessage = errorData.error || errorMessage;
-        } catch (e) {
-          errorMessage = `Server error: ${resp.status} ${resp.statusText}`;
-        }
-        console.error('Delete error:', errorMessage);
-        window.alert(`Failed to delete slide: ${errorMessage}`);
-      }
-    } catch (e) {
-      console.error('Delete exception:', e);
-      window.alert('Failed to delete slide. Please try again.');
+      await api.delete(`/api/slides/${encodeURIComponent(slideId)}`);
+      setItems(items.filter(item => (item as any)._id !== slideId));
+    } catch (e: any) {
+      const status = e?.response?.status;
+      const msg = e?.response?.data?.error || e?.message || 'Unknown error';
+      console.error('Delete error:', status, msg);
+      window.alert(`Failed to delete slide: ${status ? status + ' ' : ''}${msg}`);
     } finally {
       setDeleting(null);
     }
@@ -174,15 +141,12 @@ const Slides: React.FC = () => {
                 <button className="px-3 py-2 rounded-md bg-gray-100" onClick={() => setEditing({ title: '', date: '', file: '', order: 0 })}>New</button>
                 <button className="px-3 py-2 rounded-md bg-indigo-600 text-white" onClick={async () => {
                   if (!editing || !editing.title || !editing.file) return;
-                  const token = localStorage.getItem('token') || '';
-                  const base = (((api.defaults as any)?.baseURL as string) || '').replace(/\/$/, '');
-                  const resp = await fetch(`${base}/api/slides`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}`, 'user-role': 'admin', 'user-info': localStorage.getItem('user') || '' }, body: JSON.stringify(editing) });
-                  const data = await resp.json();
-                  if (resp.ok) {
+                  const resp = await api.post('/api/slides', editing);
+                  if (resp.status >= 200 && resp.status < 300) {
                     setEditing(null);
                     // reload list
-                    const listResp = await fetch(`${base}/api/slides`);
-                    const listData = await listResp.json();
+                    const listResp = await api.get('/api/slides');
+                    const listData = listResp.data;
                     setItems(Array.isArray(listData?.slides) ? listData.slides : []);
                   }
                 }}>Save</button>