gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-06 14:44:25 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

feat(note_icon): display icon pack in note title

Browse Source
This commit is contained in:
Elian Doran 2025-12-27 20:37:59 +02:00
parent 736c69816d
commit 761a67f238
No known key found for this signature in database
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/translations/en/translation.json
View File

@ -769,7 +769,8 @@
"reset-default": "Reset to default icon",
"filter": "Filter",
"filter-none": "All icons",
"filter-default": "Default icons"
"filter-default": "Default icons",
"icon_tooltip": "{{name}}\nIcon pack: {{iconPack}}"
},
"basic_properties": {
"note_type": "Note type",

17
apps/client/src/widgets/note_icon.tsx
View File

@ -21,7 +21,7 @@ interface IconToCountCache {
interface IconData {
iconToCount: Record<string, number>;
icons: IconRegistry["sources"][number]["icons"];
icons: (IconRegistry["sources"][number]["icons"][number] & { iconPack: string })[];
}
let iconToCountCache!: Promise<IconToCountCache> | null;
@ -65,8 +65,11 @@ function NoteIconList({ note, dropdownRef }: {
useEffect(() => {
async function loadIcons() {
// Filter by text and/or category.
let icons: IconRegistry["sources"][number]["icons"] = [
...glob.iconRegistry.sources.map(s => s.icons).flat()
let icons: IconData["icons"] = [
...glob.iconRegistry.sources.map(s => s.icons.map((i) => ({
...i,
iconPack: s.name,
}))).flat()
];
const processedSearch = search?.trim()?.toLowerCase();
if (processedSearch || filterByPrefix !== null) {
@ -162,8 +165,12 @@ function NoteIconList({ note, dropdownRef }: {
dropdownRef?.current?.hide();
}}
>
{(iconData?.icons ?? []).map(({ id, terms }) => (
<span key={id} class={id} title={terms[0]} />
{(iconData?.icons ?? []).map(({ id, terms, iconPack }) => (
<span
key={id}
class={id}
title={t("note_icon.icon_tooltip", { name: terms?.[0] ?? id, iconPack })}
/>
))}
</div>
</>