feat: display stream links on teks

components/awtis/awtis-detay.js

@@ -21,25 +21,13 @@ import Typography from '@mui/material/Typography'
 import {green} from '@mui/material/colors'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace'
-import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 import VerifiedIcon from '@mui/icons-material/Verified'
-import {Spotify, Applemusic, Deezer, Tidal, Youtubemusic, Amazon, Soundcloud} from '@icons-pack/react-simple-icons'
 
 import {formatKuveti} from '../../lib/kuveti'
+import {StreamButton} from '../streaming-buttons'
 import AwtisBiyografi from './awtis-biyografi'
 import MizikLyen from './mizik-lyen'
 
-const PLATFORM_CONFIG = {
-  Spotify: {label: 'Spotify', bg: '#1DB954', color: '#fff', Icon: Spotify},
-  Applemusic: {label: 'Apple Music', bg: '#FC3C44', color: '#fff', Icon: Applemusic},
-  Deezer: {label: 'Deezer', bg: '#EF5466', color: '#fff', Icon: Deezer},
-  Tidal: {label: 'Tidal', bg: '#000000', color: '#fff', Icon: Tidal},
-  Qobuz: {label: 'Qobuz', bg: '#00245B', color: '#fff', Icon: null},
-  Youtubemusic: {label: 'YouTube Music', bg: '#FF0000', color: '#fff', Icon: Youtubemusic},
-  Amazon: {label: 'Amazon Music', bg: '#00A8E1', color: '#fff', Icon: Amazon},
-  Soundcloud: {label: 'SoundCloud', bg: '#FF5500', color: '#fff', Icon: Soundcloud},
-}
-
 const IMAGE_URL = process.env.NEXT_PUBLIC_API_URL_ROOT || 'http://localhost:1337'
 const noImageUrl = 'https://place-hold.it/140x140?text=Indisponible'