From 7b179d3a92adb91e111aca111d7875bb99748002 Mon Sep 17 00:00:00 2001 From: Insert5StarName Date: Sat, 30 Sep 2023 21:53:52 +0200 Subject: work in progress icons --- packages/frontend/src/scripts/get-note-menu.ts | 40 +++++++++++++------------- 1 file changed, 20 insertions(+), 20 deletions(-) (limited to 'packages/frontend/src/scripts/get-note-menu.ts') diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts index 99475d6234..9922402de4 100644 --- a/packages/frontend/src/scripts/get-note-menu.ts +++ b/packages/frontend/src/scripts/get-note-menu.ts @@ -60,7 +60,7 @@ export async function getNoteClipMenu(props: { ); }, })), null, { - icon: 'ti ti-plus', + icon: 'ph-plus ph-bold ph-lg', text: i18n.ts.createNew, action: async () => { const { canceled, result } = await os.form(i18n.ts.createNewClip, { @@ -108,7 +108,7 @@ export function getAbuseNoteMenu(note: misskey.entities.Note, text: string): Men export function getCopyNoteLinkMenu(note: misskey.entities.Note, text: string): MenuItem { return { - icon: 'ti ti-link', + icon: 'ph-link ph-bold ph-lg', text, action: (): void => { copyToClipboard(`${url}/notes/${note.id}`); @@ -273,23 +273,23 @@ export function getNoteMenu(props: { action: unclip, }, null] : [] ), { - icon: 'ti ti-info-circle', + icon: 'ph-info ph-bold ph-lg', text: i18n.ts.details, action: openDetail, }, { - icon: 'ti ti-copy', + icon: 'ph-copy ph-bold ph-lg', text: i18n.ts.copyContent, action: copyContent, }, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink) , (appearNote.url || appearNote.uri) ? { - icon: 'ti ti-external-link', + icon: 'ph-arrow-square-out ph-bold ph-lg', text: i18n.ts.showOnRemote, action: () => { window.open(appearNote.url ?? appearNote.uri, '_blank'); }, } : undefined, { - icon: 'ti ti-share', + icon: 'ph-share-network ph-bold pg-lg', text: i18n.ts.share, action: share, }, @@ -300,17 +300,17 @@ export function getNoteMenu(props: { } : undefined, null, statePromise.then(state => state.isFavorited ? { - icon: 'ti ti-star-off', + icon: 'ph-star-half ph-bold pg-lg', text: i18n.ts.unfavorite, action: () => toggleFavorite(false), } : { - icon: 'ti ti-star', + icon: 'ph-star ph-bold pg-lg', text: i18n.ts.favorite, action: () => toggleFavorite(true), }), { type: 'parent' as const, - icon: 'ti ti-paperclip', + icon: 'ph-paperclip ph-bold ph-lg', text: i18n.ts.clip, children: () => getNoteClipMenu(props), }, @@ -324,17 +324,17 @@ export function getNoteMenu(props: { action: () => toggleThreadMute(true), }), appearNote.userId === $i.id ? ($i.pinnedNoteIds ?? []).includes(appearNote.id) ? { - icon: 'ti ti-pinned-off', + icon: 'ph-push-pin ph-bold ph-lgned-off', text: i18n.ts.unpin, action: () => togglePin(false), } : { - icon: 'ti ti-pin', + icon: 'ph-push-pin ph-bold ph-lg', text: i18n.ts.pin, action: () => togglePin(true), } : undefined, { type: 'parent' as const, - icon: 'ti ti-user', + icon: 'ph-user ph-bold ph-lg', text: i18n.ts.user, children: async () => { const user = appearNote.userId === $i?.id ? $i : await os.api('users/show', { userId: appearNote.userId }); @@ -347,7 +347,7 @@ export function getNoteMenu(props: { ...($i.isModerator || $i.isAdmin ? [ null, { - icon: 'ti ti-speakerphone', + icon: 'ph-megaphone ph-bold ph-lg', text: i18n.ts.promote, action: promote }] @@ -362,18 +362,18 @@ export function getNoteMenu(props: { ...(appearNote.userId === $i.id || $i.isModerator || $i.isAdmin ? [ null, appearNote.userId === $i.id ? { - icon: 'ti ti-pencil', + icon: 'ph-pencil ph-bold ph-lg', text: i18n.ts.edit, action: edit, } : undefined, { - icon: 'ti ti-edit', + icon: 'ph-pencil-line ph-bold pg-lg', text: i18n.ts.deleteAndEdit, danger: true, action: delEdit, }, { - icon: 'ti ti-trash', + icon: 'ph-trash ph-bold ph-lg', text: i18n.ts.delete, danger: true, action: del, @@ -383,16 +383,16 @@ export function getNoteMenu(props: { .filter(x => x !== undefined); } else { menu = [{ - icon: 'ti ti-info-circle', + icon: 'ph-info ph-bold ph-lg', text: i18n.ts.details, action: openDetail, }, { - icon: 'ti ti-copy', + icon: 'ph-copy ph-bold ph-lg', text: i18n.ts.copyContent, action: copyContent, }, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink) , (appearNote.url || appearNote.uri) ? { - icon: 'ti ti-external-link', + icon: 'ph-arrow-square-out ph-bold ph-lg', text: i18n.ts.showOnRemote, action: () => { window.open(appearNote.url ?? appearNote.uri, '_blank'); @@ -413,7 +413,7 @@ export function getNoteMenu(props: { if (defaultStore.state.devMode) { menu = menu.concat([null, { - icon: 'ti ti-id', + icon: 'ph-identification-card ph-bold ph-lg', text: i18n.ts.copyNoteId, action: () => { copyToClipboard(appearNote.id); -- cgit v1.2.3-freya