diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue index 54972ce0..776b21cf 100644 --- a/components/account/AccountHeader.vue +++ b/components/account/AccountHeader.vue @@ -17,33 +17,9 @@ const createdAt = $(useFormattedDateTime(() => account.createdAt, { const namedFields = ref([]) const iconFields = ref([]) -const fieldNameIcons: Record = { - github: 'i-ri:github-fill', - twitter: 'i-ri:twitter-line', - mastodon: 'i-ri:mastodon-line', - youtube: 'i-ri:youtube-line', - twitch: 'i-ri:twitch-line', - instagram: 'i-ri:instagram-line', - website: 'i-ri:link', - site: 'i-ri:link', - portfolio: 'i-ri:link', - blog: 'i-ri:newspaper-line', - home: 'i-ri:home-2-line', - sponsors: 'i-ri:heart-3-line', - location: 'i-ri:map-pin-2-line', - city: 'i-ri:map-pin-2-line', - joined: 'i-ri:user-add-line', - birth: 'i-ri:calendar-line', - tumblr: 'i-ri:tumblr-fill', - linkedin: 'i-ri:linkedin-box-fill', - facebook: 'i-ri:facebook-fill', - patreon: 'i-ri:patreon-fill', -} - function getFieldNameIcon(fieldName: string) { const name = fieldName.trim().toLowerCase() - if (fieldNameIcons[name]) - return fieldNameIcons[name] + return ACCOUNT_FIELD_ICONS[name] || undefined } function getFieldIconTitle(fieldName: string) { return fieldName === 'Joined' ? t('account.joined') : fieldName diff --git a/composables/masto.ts b/composables/masto.ts index 1b798994..9fc483cd 100644 --- a/composables/masto.ts +++ b/composables/masto.ts @@ -28,6 +28,30 @@ export const STATUS_VISIBILITIES = [ }, ] as const +export const ACCOUNT_FIELD_ICONS: Record = { + github: 'i-ri:github-fill', + twitter: 'i-ri:twitter-line', + mastodon: 'i-ri:mastodon-line', + youtube: 'i-ri:youtube-line', + twitch: 'i-ri:twitch-line', + instagram: 'i-ri:instagram-line', + website: 'i-ri:link', + site: 'i-ri:link', + portfolio: 'i-ri:link', + blog: 'i-ri:newspaper-line', + home: 'i-ri:home-2-line', + sponsors: 'i-ri:heart-3-line', + location: 'i-ri:map-pin-2-line', + city: 'i-ri:map-pin-2-line', + joined: 'i-ri:user-add-line', + birth: 'i-ri:calendar-line', + tumblr: 'i-ri:tumblr-fill', + linkedin: 'i-ri:linkedin-box-fill', + facebook: 'i-ri:facebook-fill', + patreon: 'i-ri:patreon-fill', + discord: 'i-ri:discord-fill', +} + export function getDisplayName(account?: Account, options?: { rich?: boolean }) { const displayName = account?.displayName || account?.username || '' if (options?.rich)