From 10d5215a8cee94bac0e79499590bd1f8109ef516 Mon Sep 17 00:00:00 2001
From: R3D347HR4Y <redeathray@gmail.com>
Date: Tue, 16 Jun 2026 11:34:27 +0200
Subject: [PATCH] feat: enhance SuiteFavoritesMenu with settings link and icon
 integration

- Added a settings button with a cog icon to the SuiteFavoritesMenu for quick access to mail settings.
- Updated button structure to improve layout and user interaction, maintaining accessibility standards.
- Retained the existing button for customizing favorites, ensuring functionality remains intact.
---
 components/suite/suite-favorites-menu.tsx | 36 +++++++++++++++++------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/components/suite/suite-favorites-menu.tsx b/components/suite/suite-favorites-menu.tsx
index 45839b0..9eaaa7d 100644
--- a/components/suite/suite-favorites-menu.tsx
+++ b/components/suite/suite-favorites-menu.tsx
@@ -2,12 +2,14 @@
 
 import { useEffect, useRef, useState } from "react"
 import Link from "next/link"
+import { Icon } from "@iconify/react"
 import { LayoutGrid, Pencil } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import {
   SUITE_FAVORITE_APPS,
   type FavoriteApp,
 } from "@/lib/suite/favorite-apps"
+import { MAIL_SETTINGS_BASE_PATH } from "@/lib/mail-settings/settings-nav"
 import { SUITE_HEADER_DROPDOWN_CLASS, SUITE_ICON_BTN } from "@/lib/suite/suite-chrome-classes"
 import { cn } from "@/lib/utils"
 
@@ -160,15 +162,31 @@ export function SuiteFavoritesMenu({
             <span className="text-lg font-normal text-foreground">
               Vos favoris
             </span>
-            <Button
-              variant="ghost"
-              size="icon"
-              className={cn("h-8 w-8", iconButtonClass)}
-              aria-label="Personnaliser les favoris"
-              disabled
-            >
-              <Pencil className="h-4 w-4" />
-            </Button>
+            <div className="flex items-center gap-1">
+              <Button
+                variant="ghost"
+                size="icon"
+                className={cn("h-8 w-8", iconButtonClass)}
+                aria-label="Réglages"
+                asChild
+              >
+                <Link
+                  href={MAIL_SETTINGS_BASE_PATH}
+                  onClick={() => setOpen(false)}
+                >
+                  <Icon icon="mdi:cog-outline" className="size-5 shrink-0" aria-hidden />
+                </Link>
+              </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                className={cn("h-8 w-8", iconButtonClass)}
+                aria-label="Personnaliser les favoris"
+                disabled
+              >
+                <Pencil className="h-4 w-4" />
+              </Button>
+            </div>
           </div>
           <div className="grid grid-cols-3 gap-1 p-3">
             {SUITE_FAVORITE_APPS.map((app) => (