feat: add discord field icon
parent
ebe7b85cf9
commit
413e7b1a00
|
@ -17,33 +17,9 @@ const createdAt = $(useFormattedDateTime(() => account.createdAt, {
|
||||||
const namedFields = ref<Field[]>([])
|
const namedFields = ref<Field[]>([])
|
||||||
const iconFields = ref<Field[]>([])
|
const iconFields = ref<Field[]>([])
|
||||||
|
|
||||||
const fieldNameIcons: Record<string, string> = {
|
|
||||||
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) {
|
function getFieldNameIcon(fieldName: string) {
|
||||||
const name = fieldName.trim().toLowerCase()
|
const name = fieldName.trim().toLowerCase()
|
||||||
if (fieldNameIcons[name])
|
return ACCOUNT_FIELD_ICONS[name] || undefined
|
||||||
return fieldNameIcons[name]
|
|
||||||
}
|
}
|
||||||
function getFieldIconTitle(fieldName: string) {
|
function getFieldIconTitle(fieldName: string) {
|
||||||
return fieldName === 'Joined' ? t('account.joined') : fieldName
|
return fieldName === 'Joined' ? t('account.joined') : fieldName
|
||||||
|
|
|
@ -28,6 +28,30 @@ export const STATUS_VISIBILITIES = [
|
||||||
},
|
},
|
||||||
] as const
|
] as const
|
||||||
|
|
||||||
|
export const ACCOUNT_FIELD_ICONS: Record<string, string> = {
|
||||||
|
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 }) {
|
export function getDisplayName(account?: Account, options?: { rich?: boolean }) {
|
||||||
const displayName = account?.displayName || account?.username || ''
|
const displayName = account?.displayName || account?.username || ''
|
||||||
if (options?.rich)
|
if (options?.rich)
|
||||||
|
|
Loading…
Reference in New Issue