refactor: adss close all popups to button to countdown timer

Relates #142
enBloc-org · Nov 26, 2024 · e0d1ed2 · e0d1ed2
1 parent 8234bf8
commit e0d1ed2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/CountDownTimer/CountDownTimer.css b/src/components/CountDownTimer/CountDownTimer.css
@@ -14,7 +14,8 @@
   margin: 0;
 }
 
-.timer__pause-switch {
-  align-self: flex-end;
-  margin-top: 15px;
+.timer__controls {
+  justify-content: space-between;
+  align-items: center;
+  margin: 10px 10px;
 }
diff --git a/src/components/CountDownTimer/CountDownTimer.tsx b/src/components/CountDownTimer/CountDownTimer.tsx
@@ -5,6 +5,7 @@ import useStore from "~store/store"
 import "./CountDownTimer.css"
 
 import PauseSwitch from "~components/PauseSwitch/PauseSwitch"
+import CloseAllPopupsButton from "~components/popup-components/CloseAllPopupsButton/CloseAllPopupButton"
 
 export default function CountDownTimer() {
   const [tHours, setTHours] = useState(0)
@@ -62,7 +63,10 @@ export default function CountDownTimer() {
           </h2>
         )}
       </div>
-      <PauseSwitch showlabel={false} className="timer__pause-switch" />
+      <div className="flex timer__controls">
+        <PauseSwitch showlabel={false} />
+        <CloseAllPopupsButton />
+      </div>
     </div>
   )
 }