From 1ce5acb931e3bbc6c71ef8d71719dadd879de097 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Mon, 23 May 2022 19:43:10 +0400
Subject: [PATCH] Add Applemusic to EntegreMizik

---
 components/teks/entegre-mizik.js | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

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: <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) {