feat: add more field icons

This commit is contained in:
三咲智子 2022-12-10 23:53:48 +08:00
parent 413e7b1a00
commit a36a26d745
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 40 additions and 24 deletions

40
composables/icons.ts Normal file
View file

@ -0,0 +1,40 @@
export const ACCOUNT_FIELD_ICONS: Record<string, string> = {
alipay: 'i-ri:alipay-fill',
bilibili: 'i-ri:bilibili-fill',
birth: 'i-ri:calendar-line',
blog: 'i-ri:newspaper-line',
city: 'i-ri:map-pin-2-line',
dingding: 'i-ri:dingding-fill',
discord: 'i-ri:discord-fill',
douban: 'i-ri:douban-fill',
facebook: 'i-ri:facebook-fill',
github: 'i-ri:github-fill',
gitlab: 'i-ri:gitlab-fill',
home: 'i-ri:home-2-line',
instagram: 'i-ri:instagram-line',
joined: 'i-ri:user-add-line',
linkedin: 'i-ri:linkedin-box-fill',
location: 'i-ri:map-pin-2-line',
mastodon: 'i-ri:mastodon-line',
medium: 'i-ri:medium-fill',
patreon: 'i-ri:patreon-fill',
paypal: 'i-ri:paypal-fill',
playstation: 'i-ri:playstation-fill',
portfolio: 'i-ri:link',
qq: 'i-ri:qq-fill',
site: 'i-ri:link',
sponsors: 'i-ri:heart-3-line',
spotify: 'i-ri:spotify-fill',
steam: 'i-ri:steam-fill',
switch: 'i-ri:switch-fill',
telegram: 'i-ri:telegram-fill',
tumblr: 'i-ri:tumblr-fill',
twitch: 'i-ri:twitch-line',
twitter: 'i-ri:twitter-line',
website: 'i-ri:link',
wechat: 'i-ri:wechat-fill',
weibo: 'i-ri:weibo-fill',
xbox: 'i-ri:xbox-fill',
youtube: 'i-ri:youtube-line',
zhihu: 'i-ri:zhihu-fill',
}

View file

@ -28,30 +28,6 @@ export const STATUS_VISIBILITIES = [
},
] 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 }) {
const displayName = account?.displayName || account?.username || ''
if (options?.rich)