From 4130e069bb9763b0cf1281981c1429201fb383ee Mon Sep 17 00:00:00 2001
From: Vikeo <thevikeo@gmail.com>
Date: Sun, 23 Feb 2025 23:43:24 +0100
Subject: [PATCH] icon

---
 src/Components/Misc/Timer/NegativeStopWatch.tsx | 15 ++++++++++++---
 src/Components/Misc/Timer/Timer.tsx             |  1 -
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Components/Misc/Timer/NegativeStopWatch.tsx b/src/Components/Misc/Timer/NegativeStopWatch.tsx
index f7073ef..83661fd 100644
--- a/src/Components/Misc/Timer/NegativeStopWatch.tsx
+++ b/src/Components/Misc/Timer/NegativeStopWatch.tsx
@@ -1,6 +1,8 @@
 import { useStopwatch } from 'react-timer-hook';
 import { TimerStyle, TimerWrapper } from './Timer';
 import { Time } from './Time';
+import PlayArrowIcon from '@mui/icons-material/PlayArrow';
+import PauseIcon from '@mui/icons-material/Pause';
 
 export const NegativeStopWatch = ({
   autoStart = false,
@@ -18,9 +20,16 @@ export const NegativeStopWatch = ({
         {'-'}
         <Time time={{ hours, minutes, seconds }} />
         <div>
-          {/* Only show Start if the timer is not running */}
-          {!isRunning && <button onClick={start}>Start</button>}
-          {isRunning && <button onClick={pause}>Pause</button>}
+          {!isRunning && (
+            <button onClick={start}>
+              <PlayArrowIcon />
+            </button>
+          )}
+          {isRunning && (
+            <button onClick={pause}>
+              <PauseIcon />
+            </button>
+          )}
         </div>
       </TimerStyle>
     </TimerWrapper>
diff --git a/src/Components/Misc/Timer/Timer.tsx b/src/Components/Misc/Timer/Timer.tsx
index fd30988..ba7b26a 100644
--- a/src/Components/Misc/Timer/Timer.tsx
+++ b/src/Components/Misc/Timer/Timer.tsx
@@ -64,7 +64,6 @@ export const Timer = () => {
           }}
         />
         <div>
-          {/* Only show Start if the timer is not running */}
           {!isRunning && (
             <button onClick={handleStart}>
               <PlayArrowIcon />