diff --git a/components/teks/entegre-mizik.js b/components/teks/entegre-mizik.js
index acd4524..f615395 100644
--- a/components/teks/entegre-mizik.js
+++ b/components/teks/entegre-mizik.js
@@ -6,7 +6,8 @@ import {
Tidal,
Spotify,
Deezer,
- Soundcloud
+ Soundcloud,
+ Applemusic
} from '@icons-pack/react-simple-icons'
import {useEffect, useState} from 'react'
@@ -14,7 +15,8 @@ const kouteyAchteyIcons = {
Tidal: ,
Deezer: ,
Spotify: ,
- Soundcloud:
+ Soundcloud: ,
+ Applemusic:
}
function RannIframe({plateforme, url, isMobile}) {
@@ -49,6 +51,13 @@ function RannIframe({plateforme, url, isMobile}) {
break
}
+
+ case 'Applemusic': {
+ const embedUrl = url.replace('//music', '//embed.music')
+ src = embedUrl
+
+ break
+ }
// No default
}
@@ -95,6 +104,17 @@ function RannIframe({plateforme, url, isMobile}) {
/>
)}
+ {plateforme === 'Applemusic' && (
+
+ )}
)
}
@@ -103,7 +123,7 @@ function EntegreMizik({parole, isMobile}) {
const [chwaMizik, meteChwaMizik] = useState(null)
const router = useRouter()
const {streamAudio, slug, okiMizikID} = parole
- const filteredKouteyAchtey = streamAudio.filter(({plateforme}) => plateforme === 'Tidal' || plateforme === 'Spotify' || plateforme === 'Deezer' || plateforme === 'Soundcloud')
+ const filteredKouteyAchtey = streamAudio.filter(({plateforme}) => plateforme === 'Tidal' || plateforme === 'Spotify' || plateforme === 'Deezer' || plateforme === 'Soundcloud' || plateforme === 'Applemusic')
const handleClick = (plateforme, url) => {
if (chwaMizik && chwaMizik.plateforme === plateforme) {