From 970908d605527fa8ddaaf631e27020da7e0965c1 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sun, 20 Apr 2025 18:55:52 +0200
Subject: [PATCH] carnet panel

---
 components/carnet/notes-view.tsx | 34 +++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/components/carnet/notes-view.tsx b/components/carnet/notes-view.tsx
index 0217c5be..401132e4 100644
--- a/components/carnet/notes-view.tsx
+++ b/components/carnet/notes-view.tsx
@@ -34,6 +34,7 @@ export const NotesView: React.FC<NotesViewProps> = ({
 }) => {
   const [searchQuery, setSearchQuery] = useState('');
   const [hoveredNote, setHoveredNote] = useState<string | null>(null);
+  const [noteToDelete, setNoteToDelete] = useState<Note | null>(null);
 
   const formatDate = (dateString: string) => {
     return format(new Date(dateString), 'EEEE d MMM yyyy', { locale: fr });
@@ -86,6 +87,37 @@ export const NotesView: React.FC<NotesViewProps> = ({
 
   return (
     <div className="flex flex-col h-full bg-carnet-bg border-r border-carnet-border">
+      {/* Confirmation Dialog */}
+      {noteToDelete && (
+        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+          <div className="bg-carnet-bg p-6 rounded-lg shadow-lg max-w-md w-full">
+            <h3 className="text-lg font-semibold text-carnet-text-primary mb-4">
+              Supprimer la note
+            </h3>
+            <p className="text-carnet-text-muted mb-6">
+              Êtes-vous sûr de vouloir supprimer la note "{noteToDelete.title}" ? Cette action est irréversible.
+            </p>
+            <div className="flex justify-end space-x-4">
+              <button
+                onClick={() => setNoteToDelete(null)}
+                className="px-4 py-2 text-carnet-text-primary hover:bg-carnet-hover rounded-md"
+              >
+                Annuler
+              </button>
+              <button
+                onClick={() => {
+                  onDeleteNote?.(noteToDelete);
+                  setNoteToDelete(null);
+                }}
+                className="px-4 py-2 bg-red-500 text-white hover:bg-red-600 rounded-md"
+              >
+                Supprimer
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
       {/* Header with New Note Button */}
       <div className="p-4 border-b border-carnet-border">
         <div className="flex items-center justify-between mb-4">
@@ -164,7 +196,7 @@ export const NotesView: React.FC<NotesViewProps> = ({
                     <button
                       onClick={(e) => {
                         e.stopPropagation();
-                        onDeleteNote?.(note);
+                        setNoteToDelete(note);
                       }}
                       className="p-1 text-carnet-text-muted hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
                     >