edit: ajout icon & bug fix infobulle timer

v1-com-officielle/src/titleComponents/MusicPlayer.vue

@@ -1,5 +1,8 @@
 <script setup>
-  import CloseIcon from '../assets/icons/close.svg'
+  import PlayIcon from '../assets/icons/play.svg'
+  import PauseIcon from '../assets/icons/pause.svg'
+  import NextIcon from '../assets/icons/next.svg'
+  import PrevIcon from '../assets/icons/prev.svg'
   import { loadAudioData } from '@/data/audioData.js'
 </script>
 
@@ -9,13 +12,13 @@
         <p>{{audioCredits}}</p>
       </div>
       <button type="button" class="iconBtnStyle" @click="prevTrack" data-tooltip="précédente">
-        <CloseIcon name="prev" class="icon"/>
+        <PrevIcon name="prev" class="icon"/>
       </button>
       <button type="button" class="iconBtnStyle" @click="toggleAudio" data-tooltip="lancer">
-        <CloseIcon name="toggle" class="icon"/>
+        <component :is="isPlaying? PauseIcon : PlayIcon" class="icon"/>
       </button>
       <button type="button" class="iconBtnStyle" @click="nextTrack" data-tooltip="suivante">
-        <CloseIcon name="next" class="icon"/>
+        <NextIcon name="next" class="icon"/>
       </button>
     </div>
     <audio ref="selectedAudio" @ended="nextTrack">
@@ -57,6 +60,11 @@
     margin-left: 16.1px;
   }
 
+  #playerContainer .iconBtnStyle .icon{
+    pointer-events: none;
+    cursor: inherit;
+  }
+
   #playerCreditStyle{
     width: 50%;
     height: 50px;