From c382bb1ee456f86c2ed70a2551b9f09b9b7af45c Mon Sep 17 00:00:00 2001
From: leccelecce <24962424+leccelecce@users.noreply.github.com>
Date: Wed, 19 Mar 2025 21:02:38 +0000
Subject: [PATCH] UI: use correct icon/i18n for Face Library on mobile

---
 web/src/components/menu/GeneralSettings.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/components/menu/GeneralSettings.tsx b/web/src/components/menu/GeneralSettings.tsx
index 1d6c66747..eac5f6384 100644
--- a/web/src/components/menu/GeneralSettings.tsx
+++ b/web/src/components/menu/GeneralSettings.tsx
@@ -7,6 +7,7 @@ import {
   LuLogOut,
   LuMoon,
   LuSquarePen,
+  LuScanFace,
   LuRotateCw,
   LuSettings,
   LuSun,
@@ -284,10 +285,10 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
                   <Link to="/faces">
                     <MenuItem
                       className="flex w-full items-center p-2 text-sm"
-                      aria-label="Face Library"
+                      aria-label={t("menu.faceLibrary")}
                     >
-                      <LuSquarePen className="mr-2 size-4" />
-                      <span>Face Library</span>
+                      <LuScanFace className="mr-2 size-4" />
+                      <span>{t("menu.faceLibrary")}</span>
                     </MenuItem>
                   </Link>
                 </>