From 2bd83e62855fa5d6336375c33ecbbd06541c7239 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 28 Dec 2025 17:41:11 +0200
Subject: [PATCH] feat(note_icon): display count and filter in search
 placeholder

---
 apps/client/src/translations/en/translation.json | 4 +++-
 apps/client/src/widgets/note_icon.tsx            | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 3d4f50bd0..26040a44d 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -766,7 +766,9 @@
   "note_icon": {
     "change_note_icon": "Change note icon",
     "search": "Search:",
-    "search_placeholder": "Type to filter icons...",
+    "search_placeholder_one": "Search {{number}} icons across {{count}} packs...",
+    "search_placeholder_other": "Search {{number}} icons across {{count}} packs...",
+    "search_placeholder_filtered": "Search {{number}} icons in {{name}}...",
     "reset-default": "Reset to default icon",
     "filter": "Filter",
     "filter-none": "All icons",
diff --git a/apps/client/src/widgets/note_icon.tsx b/apps/client/src/widgets/note_icon.tsx
index 40dc3a916..9a33ad752 100644
--- a/apps/client/src/widgets/note_icon.tsx
+++ b/apps/client/src/widgets/note_icon.tsx
@@ -126,7 +126,12 @@ function NoteIconList({ note, dropdownRef }: {
                     inputRef={searchBoxRef}
                     type="text"
                     name="icon-search"
-                    placeholder={t("note_icon.search_placeholder")}
+                    placeholder={ filterByPrefix
+                        ? t("note_icon.search_placeholder_filtered", {
+                            number: iconData?.icons.length ?? 0,
+                            name: glob.iconRegistry.sources.find(s => s.prefix === filterByPrefix)?.name ?? ""
+                        })
+                        : t("note_icon.search_placeholder", { number: iconData?.icons.length ?? 0, count: glob.iconRegistry.sources.length })}
                     currentValue={search} onChange={setSearch}
                     autoFocus
                 />