feat: add social networks to artist page #3
@@ -3,18 +3,18 @@
|
|||||||
import Button from '@mui/material/Button'
|
import Button from '@mui/material/Button'
|
||||||
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
|
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
|
||||||
import {
|
import {
|
||||||
Mastodon, Peertube, Pixelfed, Funkwhale,
|
Mastodon, Peertube,
|
||||||
Bluesky, Instagram, Youtube, Tiktok,
|
Instagram, Youtube, Tiktok,
|
||||||
Spotify, Deezer, Applemusic, Bandcamp, Soundcloud,
|
Spotify, Deezer, Applemusic, Bandcamp, Soundcloud,
|
||||||
Facebook, X, Linktree,
|
Facebook, Twitter,
|
||||||
} from '@icons-pack/react-simple-icons'
|
} from '@icons-pack/react-simple-icons'
|
||||||
|
|
||||||
const SOCIAL_CONFIG = {
|
const SOCIAL_CONFIG = {
|
||||||
Mastodon: {label: 'Mastodon', bg: '#6364FF', color: '#fff', Icon: Mastodon},
|
Mastodon: {label: 'Mastodon', bg: '#6364FF', color: '#fff', Icon: Mastodon},
|
||||||
Peertube: {label: 'PeerTube', bg: '#F2690D', color: '#fff', Icon: Peertube},
|
Peertube: {label: 'PeerTube', bg: '#F2690D', color: '#fff', Icon: Peertube},
|
||||||
Pixelfed: {label: 'Pixelfed', bg: '#11D49D', color: '#fff', Icon: Pixelfed},
|
Pixelfed: {label: 'Pixelfed', bg: '#11D49D', color: '#fff', Icon: null},
|
||||||
Funkwhale: {label: 'Funkwhale', bg: '#E01B60', color: '#fff', Icon: Funkwhale},
|
Funkwhale: {label: 'Funkwhale', bg: '#E01B60', color: '#fff', Icon: null},
|
||||||
Bluesky: {label: 'Bluesky', bg: '#0085FF', color: '#fff', Icon: Bluesky},
|
Bluesky: {label: 'Bluesky', bg: '#0085FF', color: '#fff', Icon: null},
|
||||||
Instagram: {label: 'Instagram', bg: '#E4405F', color: '#fff', Icon: Instagram},
|
Instagram: {label: 'Instagram', bg: '#E4405F', color: '#fff', Icon: Instagram},
|
||||||
Youtube: {label: 'YouTube', bg: '#FF0000', color: '#fff', Icon: Youtube},
|
Youtube: {label: 'YouTube', bg: '#FF0000', color: '#fff', Icon: Youtube},
|
||||||
Tiktok: {label: 'TikTok', bg: '#000000', color: '#fff', Icon: Tiktok},
|
Tiktok: {label: 'TikTok', bg: '#000000', color: '#fff', Icon: Tiktok},
|
||||||
@@ -24,8 +24,8 @@ const SOCIAL_CONFIG = {
|
|||||||
Bandcamp: {label: 'Bandcamp', bg: '#1DA0C3', color: '#fff', Icon: Bandcamp},
|
Bandcamp: {label: 'Bandcamp', bg: '#1DA0C3', color: '#fff', Icon: Bandcamp},
|
||||||
Soundcloud: {label: 'SoundCloud', bg: '#FF5500', color: '#fff', Icon: Soundcloud},
|
Soundcloud: {label: 'SoundCloud', bg: '#FF5500', color: '#fff', Icon: Soundcloud},
|
||||||
Facebook: {label: 'Facebook', bg: '#1877F2', color: '#fff', Icon: Facebook},
|
Facebook: {label: 'Facebook', bg: '#1877F2', color: '#fff', Icon: Facebook},
|
||||||
Twitter: {label: 'X / Twitter', bg: '#000000', color: '#fff', Icon: X},
|
Twitter: {label: 'X / Twitter', bg: '#000000', color: '#fff', Icon: Twitter},
|
||||||
Linktree: {label: 'Linktree', bg: '#43E660', color: '#000', Icon: Linktree},
|
Linktree: {label: 'Linktree', bg: '#43E660', color: '#000', Icon: null},
|
||||||
SiteWeb: {label: 'Site web', bg: '#555555', color: '#fff', Icon: null},
|
SiteWeb: {label: 'Site web', bg: '#555555', color: '#fff', Icon: null},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user