[dyad] wrote 5 file(s)

src/App.tsx

@@ -27,8 +27,13 @@ const App = () => {
   useEffect(() => {
     // Vérifier le token au démarrage
     const checkAuth = async () => {
-      const isValid = await AuthService.checkTokenValidity();
+      try {
-      setIsLoading(false);
+        await AuthService.checkTokenValidity();
+      } catch (error) {
+        console.error("Error checking token validity:", error);
+      } finally {
+        setIsLoading(false);
+      }
     };
     
     checkAuth();

src/pages/Index.tsx

@@ -13,36 +13,44 @@ import AdminService from "@/services/AdminService";
 import NotesService, { Note } from "@/services/NotesService";
 import { useNavigate } from "react-router-dom";
 
+interface UserType {
+  id: number;
+  username: string;
+  is_admin: boolean;
+}
+
 const Index = () => {
-  const [user, setUser] = useState<any>(null);
+  const [user, setUser] = useState<UserType | null>(null);
   const [showAdmin, setShowAdmin] = useState(false);
   const [activeTab, setActiveTab] = useState("all");
   const [searchQuery, setSearchQuery] = useState("");
   const [notes, setNotes] = useState<Note[]>([]);
   const [currentNote, setCurrentNote] = useState<Note | null>(null);
-  const [users, setUsers] = useState<any[]>([]);
+  const [users, setUsers] = useState<UserType[]>([]);
   const navigate = useNavigate();
 
   useEffect(() => {
-    const user = AuthService.getUser();
+    const userFromAuth = AuthService.getUser();
-    if (user) {
+    if (userFromAuth) {
-      setUser(user);
+      setUser(userFromAuth);
       loadNotes();
+    } else {
+      navigate("/login");
     }
-  }, []);
+  }, [navigate]);
 
   const loadNotes = async () => {
-    const notes = await NotesService.getNotes();
+    const fetchedNotes = await NotesService.getNotes();
-    setNotes(notes);
+    setNotes(fetchedNotes || []);
-    if (notes.length > 0) {
+    if (fetchedNotes && fetchedNotes.length > 0) {
-      setCurrentNote(notes[0]);
+      setCurrentNote(fetchedNotes[0]);
     }
   };
 
   const loadUsers = async () => {
     if (user?.is_admin) {
-      const users = await AdminService.getUsers();
+      const fetchedUsers = await AdminService.getUsers();
-      setUsers(users);
+      setUsers(fetchedUsers || []);
     }
   };
 
@@ -62,7 +70,13 @@ const Index = () => {
   const handleUpdateNote = async (updatedFields: Partial<Note>) => {
     if (!currentNote) return;
     
-    const updatedNote = { ...currentNote, ...updatedFields };
+    const updatedNote = { 
+      ...currentNote, 
+      ...updatedFields,
+      todos: currentNote.todos || [],
+      images: currentNote.images || []
+    };
+    
     const success = await NotesService.updateNote(updatedNote);
     
     if (success) {
@@ -137,7 +151,7 @@ const Index = () => {
     (activeTab === "all" || (activeTab === "archived" && note.archived)) &&
     (searchQuery === "" || 
      note.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
-     note.content.toLowerCase().includes(searchQuery.toLowerCase()))
+     (note.content && note.content.toLowerCase().includes(searchQuery.toLowerCase())))
   );
 
   return (
@@ -165,33 +179,35 @@ const Index = () => {
             </div>
             
             <div className="flex items-center gap-4">
-              <DropdownMenu>
+              {user && (
-                <DropdownMenuTrigger asChild>
+                <DropdownMenu>
-                  <Button variant="ghost" className="flex items-center gap-2">
+                  <DropdownMenuTrigger asChild>
-                    <Avatar className="h-8 w-8">
+                    <Button variant="ghost" className="flex items-center gap-2">
-                      <AvatarFallback className="bg-primary/10 text-primary">
+                      <Avatar className="h-8 w-8">
-                        {user?.username?.charAt(0).toUpperCase() || "U"}
+                        <AvatarFallback className="bg-primary/10 text-primary">
-                      </AvatarFallback>
+                          {user.username?.charAt(0).toUpperCase() || "U"}
-                    </Avatar>
+                        </AvatarFallback>
-                    <span className="font-medium">{user?.username}</span>
+                      </Avatar>
-                    <ChevronDown className="h-4 w-4 text-muted-foreground" />
+                      <span className="font-medium">{user.username}</span>
-                  </Button>
+                      <ChevronDown className="h-4 w-4 text-muted-foreground" />
-                </DropdownMenuTrigger>
+                    </Button>
-                <DropdownMenuContent align="end" className="w-56">
+                  </DropdownMenuTrigger>
-                  <DropdownMenuLabel>Mon compte</DropdownMenuLabel>
+                  <DropdownMenuContent align="end" className="w-56">
-                  <DropdownMenuSeparator />
+                    <DropdownMenuLabel>Mon compte</DropdownMenuLabel>
-                  {user?.is_admin && (
+                    <DropdownMenuSeparator />
-                    <DropdownMenuItem onClick={() => setShowAdmin(true)}>
+                    {user.is_admin && (
-                      <Settings className="mr-2 h-4 w-4" />
+                      <DropdownMenuItem onClick={() => setShowAdmin(true)}>
-                      <span>Administration</span>
+                        <Settings className="mr-2 h-4 w-4" />
+                        <span>Administration</span>
+                      </DropdownMenuItem>
+                    )}
+                    <DropdownMenuItem onClick={handleLogout}>
+                      <LogOut className="mr-2 h-4 w-4" />
+                      <span>Déconnexion</span>
                     </DropdownMenuItem>
-                  )}
+                  </DropdownMenuContent>
-                  <DropdownMenuItem onClick={handleLogout}>
+                </DropdownMenu>
-                    <LogOut className="mr-2 h-4 w-4" />
+              )}
-                    <span>Déconnexion</span>
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
             </div>
           </div>
         </div>
@@ -259,7 +275,7 @@ const Index = () => {
                   type="text"
                   placeholder="Titre de la note"
                   className="text-xl font-semibold border-none shadow-none text-2xl h-auto px-0 focus-visible:ring-0"
-                  value={currentNote.title}
+                  value={currentNote.title || ""}
                   onChange={(e) => handleUpdateNote({ title: e.target.value })}
                 />
                 
@@ -295,7 +311,7 @@ const Index = () => {
                         className="min-h-[500px] outline-none"
                         contentEditable
                         suppressContentEditableWarning
-                        dangerouslySetInnerHTML={{ __html: currentNote.content }}
+                        dangerouslySetInnerHTML={{ __html: currentNote.content || "" }}
                         onBlur={(e) => handleUpdateNote({ content: e.currentTarget.innerHTML })}
                       />
                     </CardContent>
@@ -331,7 +347,7 @@ const Index = () => {
                                 type="checkbox" 
                                 checked={todo.completed} 
                                 onChange={() => {
-                                  const updatedTodos = [...currentNote.todos];
+                                  const updatedTodos = [...(currentNote.todos || [])];
                                   updatedTodos[index].completed = !updatedTodos[index].completed;
                                   handleUpdateNote({ todos: updatedTodos });
                                 }}
@@ -345,7 +361,7 @@ const Index = () => {
                                 size="icon" 
                                 className="ml-auto h-6 w-6"
                                 onClick={() => {
-                                  const updatedTodos = [...currentNote.todos];
+                                  const updatedTodos = [...(currentNote.todos || [])];
                                   updatedTodos.splice(index, 1);
                                   handleUpdateNote({ todos: updatedTodos });
                                 }}
@@ -412,7 +428,7 @@ const Index = () => {
                                   if (image.id && currentNote.id) {
                                     const success = await NotesService.deleteImage(currentNote.id, image.id);
                                     if (success) {
-                                      const updatedImages = currentNote.images.filter((_, i) => i !== index);
+                                      const updatedImages = (currentNote.images || []).filter((_, i) => i !== index);
                                       handleUpdateNote({ images: updatedImages });
                                     }
                                   }

src/services/AuthService.ts

@@ -30,7 +30,7 @@ class AuthService {
 
   getHeaders(): Record<string, string> {
     return {
-      "Authorization": `Bearer ${this.token}`,
+      "Authorization": `Bearer ${this.token || ""}`,
       "Content-Type": "application/json"
     };
   }
@@ -51,8 +51,8 @@ class AuthService {
 
       this.token = data.token;
       this.user = data.user;
-      localStorage.setItem("token", this.token);
+      localStorage.setItem("token", this.token || "");
-      localStorage.setItem("user", JSON.stringify(this.user));
+      localStorage.setItem("user", JSON.stringify(this.user || {}));
       
       showSuccess("Connexion réussie");
       return true;

src/services/NotesService.ts

@@ -35,7 +35,14 @@ class NotesService {
         throw new Error("Erreur lors de la récupération des notes");
       }
       
-      return await response.json();
+      const notes = await response.json();
+      
+      // Ensure todos and images are always arrays
+      return notes.map((note: Note) => ({
+        ...note,
+        todos: note.todos || [],
+        images: note.images || []
+      }));
     } catch (error) {
       showError(error instanceof Error ? error.message : "Erreur serveur");
       return [];
@@ -55,7 +62,12 @@ class NotesService {
       }
       
       showSuccess("Note créée avec succès");
-      return await response.json();
+      const note = await response.json();
+      return {
+        ...note,
+        todos: note.todos || [],
+        images: note.images || []
+      };
     } catch (error) {
       showError(error instanceof Error ? error.message : "Erreur serveur");
       return null;
@@ -69,7 +81,11 @@ class NotesService {
       const response = await fetch(`/api/notes/${note.id}`, {
         method: "PUT",
         headers: AuthService.getHeaders(),
-        body: JSON.stringify(note)
+        body: JSON.stringify({
+          ...note,
+          todos: note.todos || [],
+          images: note.images || []
+        })
       });
       
       if (!response.ok) {