From 93be8add4ee42279f895b0b0dbf6fd3f08f5db99 Mon Sep 17 00:00:00 2001
From: Alessio <gaudielloalessio@gmail.com>
Date: Tue, 2 Jun 2026 12:27:03 +0200
Subject: [PATCH] profile-image

---
 src/components/profile/AccountCard.tsx             | 10 ++++++----
 src/components/profile/ProfilePageClient.tsx       |  4 +++-
 src/components/shared/navigation/MobileSidebar.tsx |  6 +++++-
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/profile/AccountCard.tsx b/src/components/profile/AccountCard.tsx
index 3e493c1..8846eff 100644
--- a/src/components/profile/AccountCard.tsx
+++ b/src/components/profile/AccountCard.tsx
@@ -26,7 +26,7 @@ export function AccountCard({
 }: {
   onDeleteAvatar: () => Promise<void>;
   onEditAccount: () => void;
-  onEditAvatar: () => void;
+  onEditAvatar: () => Promise<boolean>;
   onEditPassword: () => void;
   onSelectAvatar: (file: File) => void;
   savingAvatar: boolean;
@@ -76,9 +76,11 @@ export function AccountCard({
               disabled={savingAvatar}
               icon={user.avatarUrl ? LuPencil : LuImagePlus}
               label={user.avatarUrl ? "Modifica avatar" : "Carica avatar"}
-              onClick={() =>
-                user.avatarUrl ? onEditAvatar() : inputRef.current?.click()
-              }
+              onClick={async () => {
+                if (!user.avatarUrl || !(await onEditAvatar())) {
+                  inputRef.current?.click();
+                }
+              }}
             />
             {user.avatarUrl ? (
               <ListCardAction
diff --git a/src/components/profile/ProfilePageClient.tsx b/src/components/profile/ProfilePageClient.tsx
index 6c40243..74abad4 100644
--- a/src/components/profile/ProfilePageClient.tsx
+++ b/src/components/profile/ProfilePageClient.tsx
@@ -88,7 +88,7 @@ export function ProfilePageClient({ user }: { user: UserSession }) {
   }
 
   async function editAvatar() {
-    if (!account.avatarUrl) return;
+    if (!account.avatarUrl) return false;
     setSavingAvatar(true);
     try {
       const response = await fetch(account.avatarUrl, { cache: "no-store" });
@@ -97,8 +97,10 @@ export function ProfilePageClient({ user }: { user: UserSession }) {
       setSelectedAvatar(
         new File([blob], avatarFilename(blob.type), { type: blob.type }),
       );
+      return true;
     } catch (error) {
       notify(errorMessage(error), "error");
+      return false;
     } finally {
       setSavingAvatar(false);
     }
diff --git a/src/components/shared/navigation/MobileSidebar.tsx b/src/components/shared/navigation/MobileSidebar.tsx
index bf8c0eb..08bce58 100644
--- a/src/components/shared/navigation/MobileSidebar.tsx
+++ b/src/components/shared/navigation/MobileSidebar.tsx
@@ -83,7 +83,11 @@ export function MobileSidebar({
         ref={panelRef}
       >
         <SidebarBrand />
-        <SidebarLinks className="mt-8" pathname={pathname} onNavigate={onClose} />
+        <SidebarLinks
+          className="mt-8"
+          pathname={pathname}
+          onNavigate={onClose}
+        />
         <SidebarAccount onLogout={onLogout} user={user} />
       </aside>
     </>