Merge pull request #49 from igloo-4002/Elysia/name-document

Pause icon on pause
igloo-4002 · Sep 4, 2023 · 6307f6c · 6307f6c
2 parents ee02c90 + d03bd50
commit 6307f6c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/FloatingPlayPause.tsx b/src/components/FloatingPlayPause.tsx
@@ -1,4 +1,4 @@
-import { PlayIcon } from '@heroicons/react/24/outline';
+import { PauseIcon, PlayIcon } from '@heroicons/react/24/outline';
 
 import { BASE_URL } from '~/simulation-urls';
 import { useNetworkStore } from '~/zustand/useNetworkStore';
@@ -56,7 +56,8 @@ const FloatingPlayPause = () => {
         style={{ display: 'flex', alignItems: 'center' }}
       >
         {isPlaying ? 'Pause' : 'Play'}
-        <PlayIcon className="h-5 ml-2" />
+        {!isPlaying && <PlayIcon className="h-5 ml-2" />}
+        {isPlaying && <PauseIcon className="h-5 ml-2" />}
       </button>
     </div>
   );