Upload client/src/pages/Slides.tsx with huggingface_hub

client/src/pages/Slides.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 import { api } from '../services/api';
 
 type SlideItem = {
@@ -11,7 +10,6 @@ type SlideItem = {
 };
 
 const Slides: React.FC = () => {
-  const navigate = useNavigate();
   const [allowed, setAllowed] = useState<boolean>(false);
   const [items, setItems] = useState<SlideItem[]>([]);
   const [error, setError] = useState<string>('');
@@ -20,14 +18,13 @@ const Slides: React.FC = () => {
   const [editing, setEditing] = useState<SlideItem & { id?: string } | null>(null);
 
   useEffect(() => {
-    // Access gate: disallow visitors
-    const token = localStorage.getItem('token');
+    // Access gate: allow only student/admin; do not redirect visitors
     let role = 'visitor';
     try { const u = localStorage.getItem('user'); role = u ? (JSON.parse(u).role || 'visitor') : 'visitor'; } catch {}
-    const ok = !!token && role !== 'visitor';
+    const ok = role === 'student' || role === 'admin';
     setAllowed(ok);
     if (!ok) {
-      navigate('/login');
+      setLoading(false);
       return;
     }
     let aborted = false;
@@ -50,7 +47,7 @@ const Slides: React.FC = () => {
       }
     })();
     return () => { aborted = true; };
-  }, [navigate]);
+  }, []);
 
   if (!allowed) return null;
   return (