Add Applemusic to EntegreMizik

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: <Tidal />,
   Deezer: <Deezer />,
   Spotify: <Spotify />,
-  Soundcloud: <Soundcloud />
+  Soundcloud: <Soundcloud />,
+  Applemusic: <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' && (
+        <iframe
+          src={src}
+          width={`${isMobile ? '100%' : '50%'}`}
+          height='175'
+          frameBorder='0'
+          allowtransparency='true'
+          allow='encrypted-media'
+          sandbox='allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation'
+        />
+      )}
     </div>
   )
 }
@@ -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) {