From da9094e92d8ef2054e54ccee24e963bbf1bacab4 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sun, 20 Apr 2025 19:15:59 +0200
Subject: [PATCH] carnet panel contact

---
 app/carnet/page.tsx              | 11 ++++++++++-
 components/carnet/navigation.tsx |  7 ++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/carnet/page.tsx b/app/carnet/page.tsx
index 947b3675..d5bfb661 100644
--- a/app/carnet/page.tsx
+++ b/app/carnet/page.tsx
@@ -298,6 +298,15 @@ export default function CarnetPage() {
     console.log('Selected folder:', folder);
     setSelectedFolder(folder);
     setLayoutMode("item-selection");
+    // Reset selected contact when changing folders
+    setSelectedContact(null);
+  };
+
+  const handleContactSelect = (contact: Contact) => {
+    setSelectedContact(contact);
+    if (isMobile) {
+      setShowNotes(false);
+    }
   };
 
   const handleNewNote = () => {
@@ -385,7 +394,7 @@ export default function CarnetPage() {
                 {selectedFolder === 'Contacts' ? (
                   <ContactsView
                     contacts={contacts}
-                    onContactSelect={setSelectedContact}
+                    onContactSelect={handleContactSelect}
                     selectedContact={selectedContact}
                     loading={isLoadingNotes}
                   />
diff --git a/components/carnet/navigation.tsx b/components/carnet/navigation.tsx
index 36fe7031..60789986 100644
--- a/components/carnet/navigation.tsx
+++ b/components/carnet/navigation.tsx
@@ -159,7 +159,12 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
                         return (
                           <button
                             key={file.id}
-                            onClick={() => onFolderSelect(`Contacts/${file.basename}`)}
+                            onClick={() => {
+                              // When clicking a VCF file, we want to select the Contacts folder
+                              // and pass the file information to the parent component
+                              onFolderSelect('Contacts');
+                              // You might want to add a callback here to handle the selected contact
+                            }}
                             className="w-full flex items-center space-x-2 px-3 py-2 text-sm rounded-md text-carnet-text-muted hover:bg-carnet-hover"
                           >
                             <span>{file.basename.replace('.vcf', '')}</span>