From 2a3edcf3be0555db24d838435e657cd32c886561 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 9 Apr 2024 15:15:00 +0100
Subject: [PATCH] removed popout background corner color

---
 src/components/JobGroups/AddGroup.jsx     | 2 +-
 src/components/JobGroups/DeleteGroup.jsx  | 8 ++++----
 src/components/JobGroups/DeleteMember.jsx | 2 +-
 src/components/Partials/Layout.jsx        | 2 +-
 src/components/countdown/CustomTimer.jsx  | 6 ++++--
 5 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/JobGroups/AddGroup.jsx b/src/components/JobGroups/AddGroup.jsx
index bd96fe0..10525de 100644
--- a/src/components/JobGroups/AddGroup.jsx
+++ b/src/components/JobGroups/AddGroup.jsx
@@ -88,7 +88,7 @@ export default function AddGroup({ action, situation, setUpdateList }) {
 
   return (
     <ModalCom action={action} situation={situation}>
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
           <h1 className="modal-title">
             Add Group
diff --git a/src/components/JobGroups/DeleteGroup.jsx b/src/components/JobGroups/DeleteGroup.jsx
index c07064b..b3993a9 100644
--- a/src/components/JobGroups/DeleteGroup.jsx
+++ b/src/components/JobGroups/DeleteGroup.jsx
@@ -20,14 +20,14 @@ export default function DeleteGroup({action, situation, details}) {
         action={action}
         situation={situation}
     >
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
-        <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b border-light-purple dark:border-[#5356fb29] ">
-          <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
+        <div className="modal-header-con">
+          <h1 className="modal-title">
             Delete Group
           </h1>
           <button
             type="button"
-            className="text-[#374557] dark:text-red-500"
+            className="modal-close-btn"
             onClick={action}
           >
             <svg
diff --git a/src/components/JobGroups/DeleteMember.jsx b/src/components/JobGroups/DeleteMember.jsx
index cff7288..c6b0491 100644
--- a/src/components/JobGroups/DeleteMember.jsx
+++ b/src/components/JobGroups/DeleteMember.jsx
@@ -20,7 +20,7 @@ export default function DeleteMember({action, situation, details}) {
         action={action}
         situation={situation}
     >
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
           <h1 className="modal-title">
             Remove Member
diff --git a/src/components/Partials/Layout.jsx b/src/components/Partials/Layout.jsx
index 6dba967..1c08db1 100644
--- a/src/components/Partials/Layout.jsx
+++ b/src/components/Partials/Layout.jsx
@@ -67,7 +67,7 @@ export default function Layout({ children }) {
       </div>
       {logoutModal && (
         <ModalCom action={logoutModalHandler} situation={logoutModal}>
-          <div className="logout-modal-wrapper w-11/12 sm:w-[460px] bg-white dark:bg-dark-white lg:rounded-2xl">
+          <div className="logout-modal-wrapper w-11/12 sm:w-[460px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
             <div className="modal-header-con">
               <h1 className="modal-title">
                 Confirm
diff --git a/src/components/countdown/CustomTimer.jsx b/src/components/countdown/CustomTimer.jsx
index a8b394b..a0a5bf3 100644
--- a/src/components/countdown/CustomTimer.jsx
+++ b/src/components/countdown/CustomTimer.jsx
@@ -6,12 +6,14 @@ export default function CustomTimer({className='text-emerald-500'}) {
 
     useEffect(()=>{
         const timer = setInterval(()=>{
-            setTime(prev => prev - 1)
+            if(time > 0 ){
+                setTime(prev => prev - 1)
+            }
         },1000)
         return ()=>{
             clearInterval(timer)
         }
-    },[])
+    },[time])
 
     let minutes = time == 0 ? 0 : Math.floor(time/60)
     let seconds = time == 0 ? 0 :time - (minutes * 60)