From 1ce680f126def780d8fca679aa4ad59bb483788d Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Fri, 27 Dec 2024 22:26:37 +0530
Subject: [PATCH 1/7] Refactored CSS in
 src/screens/OrganizationEvents/OrganizationEvents.tsx

---
 .../OrganizationEvents.module.css             | 389 ------------------
 .../OrganizationEvents/OrganizationEvents.tsx |  32 +-
 src/style/app.module.css                      |  98 ++++-
 3 files changed, 113 insertions(+), 406 deletions(-)
 delete mode 100644 src/screens/OrganizationEvents/OrganizationEvents.module.css

diff --git a/src/screens/OrganizationEvents/OrganizationEvents.module.css b/src/screens/OrganizationEvents/OrganizationEvents.module.css
deleted file mode 100644
index c26c074634..0000000000
--- a/src/screens/OrganizationEvents/OrganizationEvents.module.css
+++ /dev/null
@@ -1,389 +0,0 @@
-.navbarbg {
-  height: 60px;
-  background-color: white;
-  display: flex;
-  margin-bottom: 30px;
-  z-index: 1;
-  position: relative;
-  flex-direction: row;
-  justify-content: space-between;
-  box-shadow: 0px 0px 8px 2px #c8c8c8;
-}
-
-.logo {
-  color: #707070;
-  margin-left: 0;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-}
-
-.logo img {
-  margin-top: 0px;
-  margin-left: 10px;
-  height: 64px;
-  width: 70px;
-}
-
-.logo > strong {
-  line-height: 1.5rem;
-  margin-left: -5px;
-  font-family: sans-serif;
-  font-size: 19px;
-  color: #707070;
-}
-
-.mainpage {
-  display: flex;
-  flex-direction: row;
-}
-
-.sidebar:after {
-  background-color: #f7f7f7;
-  position: absolute;
-  width: 2px;
-  height: 600px;
-  top: 10px;
-  left: 94%;
-  display: block;
-}
-
-.navitem {
-  padding-left: 27%;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  cursor: pointer;
-}
-
-.logintitle {
-  color: #707070;
-  font-weight: 600;
-  font-size: 20px;
-  margin-bottom: 30px;
-  padding-bottom: 5px;
-  border-bottom: 3px solid #eaebef;
-  width: 15%;
-}
-
-.logintitleadmin {
-  color: #707070;
-  font-weight: 600;
-  font-size: 18px;
-  margin-top: 50px;
-  margin-bottom: 40px;
-  padding-bottom: 5px;
-  border-bottom: 3px solid #eaebef;
-  width: 30%;
-}
-
-.admindetails {
-  display: flex;
-  justify-content: space-between;
-}
-
-.admindetails > p {
-  margin-top: -12px;
-  margin-right: 30px;
-}
-
-.mainpageright > hr {
-  margin-top: 20px;
-  width: 100%;
-  margin-left: -15px;
-  margin-right: -15px;
-  margin-bottom: 20px;
-}
-
-.justifysp {
-  display: block;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-
-.addbtn {
-  border: 1px solid #e8e5e5;
-  box-shadow: 0 2px 2px #e8e5e5;
-  border-radius: 5px;
-  font-size: 16px;
-  height: 60%;
-  color: white;
-  outline: none;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    transform 0.2s,
-    box-shadow 0.2s;
-}
-
-.flexdir {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  border: none;
-}
-
-.form_wrapper {
-  margin-top: 27px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  padding: 40px 30px;
-  background: #ffffff;
-  border-color: #e8e5e5;
-  border-width: 5px;
-  border-radius: 10px;
-  max-height: 86vh;
-  overflow: auto;
-}
-
-.form_wrapper form {
-  display: flex;
-  align-items: left;
-  justify-content: left;
-  flex-direction: column;
-}
-
-.logintitleinvite {
-  color: #707070;
-  font-weight: 600;
-  font-size: 20px;
-  margin-bottom: 20px;
-  padding-bottom: 5px;
-  border-bottom: 3px solid #eaebef;
-  width: 40%;
-}
-
-.titlemodal {
-  color: #707070;
-  font-weight: 600;
-  font-size: 20px;
-  margin-bottom: 20px;
-  padding-bottom: 5px;
-  border-bottom: 3px solid #eaebef;
-  width: 65%;
-}
-
-.closeButton {
-  color: var(--delete-button-color);
-  margin-right: 5px;
-  background-color: var(--delete-button-bg);
-  border: white;
-}
-
-.closeButton:hover {
-  color: var(--delete-button-bg) !important;
-  background-color: var(--delete-button-color) !important;
-  border: white;
-}
-
-.cancel > i {
-  margin-top: 5px;
-  transform: scale(1.2);
-  cursor: pointer;
-  color: #707070;
-}
-
-.modalbody {
-  width: 50px;
-}
-
-.greenregbtn {
-  margin: 1rem 0 0;
-  margin-top: 15px;
-  border: 1px solid #e8e5e5;
-  box-shadow: 0 2px 2px #e8e5e5;
-  padding: 10px 10px;
-  border-radius: 5px;
-  background-color: #eaebef;
-  width: 100%;
-  font-size: 16px;
-  color: white;
-  outline: none;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    transform 0.2s,
-    box-shadow 0.2s;
-  width: 100%;
-}
-
-.datediv {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 15px;
-}
-
-.datebox {
-  width: 90%;
-  border-radius: 7px;
-  border-color: #e8e5e5;
-  outline: none;
-  box-shadow: none;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  padding-right: 5px;
-  padding-left: 5px;
-  margin-right: 5px;
-  margin-left: 5px;
-}
-
-.checkboxdiv > label {
-  margin-right: 50px;
-}
-
-.checkboxdiv > label > input {
-  margin-left: 10px;
-}
-
-.loader,
-.loader:after {
-  border-radius: 50%;
-  width: 10em;
-  height: 10em;
-}
-
-.loader {
-  margin: 60px auto;
-  margin-top: 35vh !important;
-  font-size: 10px;
-  position: relative;
-  text-indent: -9999em;
-  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
-  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
-  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
-  border-left: 1.1em solid #febc59;
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-animation: load8 1.1s infinite linear;
-  animation: load8 1.1s infinite linear;
-}
-
-@-webkit-keyframes load8 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes load8 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-.dispflex {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.dispflex > input {
-  border: none;
-  box-shadow: none;
-  margin-top: 5px;
-}
-
-.checkboxdiv {
-  display: flex;
-  margin-bottom: 5px;
-}
-
-.checkboxdiv > div {
-  width: 50%;
-}
-
-.recurrenceRuleNumberInput {
-  width: 70px;
-}
-
-.recurrenceRuleDateBox {
-  width: 70%;
-}
-
-.recurrenceDayButton {
-  width: 33px;
-  height: 33px;
-  border: 1px solid var(--bs-gray);
-  cursor: pointer;
-  transition: background-color 0.3s;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 0.5rem;
-  border-radius: 50%;
-}
-
-.recurrenceDayButton:hover {
-  background-color: var(--bs-gray);
-}
-
-.recurrenceDayButton.selected {
-  background-color: var(--bs-primary);
-  border-color: var(--bs-primary);
-  color: var(--bs-white);
-}
-
-.recurrenceDayButton span {
-  color: var(--bs-gray);
-  padding: 0.25rem;
-  text-align: center;
-}
-
-.recurrenceDayButton:hover span {
-  color: var(--bs-white);
-}
-
-.recurrenceDayButton.selected span {
-  color: var(--bs-white);
-}
-
-.recurrenceRuleSubmitBtn {
-  margin-left: 82%;
-  padding: 7px 15px;
-}
-
-.createButton {
-  background-color: #a8c7fa !important;
-  color: black !important;
-  margin: 1rem 0 0;
-  margin-top: 15px;
-  padding: 10px 10px;
-  border-radius: 5px;
-  font-size: 16px;
-  outline: none;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    transform 0.2s,
-    box-shadow 0.2s;
-  width: 100%;
-  border: 1px solid var(--dropdown-border-color);
-}
-
-.createButton:hover {
-  background-color: #286fe0 !important;
-  color: black !important;
-  border: 1px solid var(--dropdown-border-color) !important;
-}
-
-@media only screen and (max-width: 600px) {
-  .form_wrapper {
-    width: 90%;
-    top: 45%;
-  }
-}
diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
index 12abb3e74a..302e1d590b 100644
--- a/src/screens/OrganizationEvents/OrganizationEvents.tsx
+++ b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -7,7 +7,7 @@ import { toast } from 'react-toastify';
 import { useTranslation } from 'react-i18next';
 import EventCalendar from 'components/EventCalendar/EventCalendar';
 import { TimePicker, DatePicker } from '@mui/x-date-pickers';
-import styles from './OrganizationEvents.module.css';
+import styles from '../../style/app.module.css';
 import {
   ORGANIZATION_EVENT_CONNECTION_LIST,
   ORGANIZATIONS_LIST,
@@ -261,7 +261,7 @@ function organizationEvents(): JSX.Element {
   return (
     <>
       <div className={styles.mainpageright}>
-        <div className={styles.justifysp}>
+        <div className={styles.justifyspOrganizationEvents}>
           <EventHeader
             viewType={viewType}
             handleChangeView={handleChangeView}
@@ -281,11 +281,13 @@ function organizationEvents(): JSX.Element {
       {/* Create Event Modal */}
       <Modal show={createEventmodalisOpen} onHide={hideCreateEventModal}>
         <Modal.Header>
-          <p className={styles.titlemodal}>{t('eventDetails')}</p>
+          <p className={styles.titlemodalOrganizationEvents}>
+            {t('eventDetails')}
+          </p>
           <Button
             variant="danger"
             onClick={hideCreateEventModal}
-            className={styles.closeButton}
+            className={styles.closeButtonOrganizationEvents}
             data-testid="createEventModalCloseBtn"
           >
             <i className="fa fa-times"></i>
@@ -338,11 +340,11 @@ function organizationEvents(): JSX.Element {
                 });
               }}
             />
-            <div className={styles.datediv}>
+            <div className={styles.datedivOrganizationEvents}>
               <div>
                 <DatePicker
                   label={tCommon('startDate')}
-                  className={styles.datebox}
+                  className={styles.dateboxOrganizationEvents}
                   value={dayjs(startDate)}
                   onChange={(date: Dayjs | null): void => {
                     if (date) {
@@ -365,7 +367,7 @@ function organizationEvents(): JSX.Element {
               <div>
                 <DatePicker
                   label={tCommon('endDate')}
-                  className={styles.datebox}
+                  className={styles.dateboxOrganizationEvents}
                   value={dayjs(endDate)}
                   onChange={(date: Dayjs | null): void => {
                     if (date) {
@@ -377,11 +379,11 @@ function organizationEvents(): JSX.Element {
               </div>
             </div>
             {!alldaychecked && (
-              <div className={styles.datediv}>
+              <div className={styles.datedivOrganizationEvents}>
                 <div className="mr-3">
                   <TimePicker
                     label={tCommon('startTime')}
-                    className={styles.datebox}
+                    className={styles.dateboxOrganizationEvents}
                     timeSteps={{ hours: 1, minutes: 1, seconds: 1 }}
                     value={timeToDayJs(formState.startTime)}
                     /*istanbul ignore next*/
@@ -406,7 +408,7 @@ function organizationEvents(): JSX.Element {
                 <div>
                   <TimePicker
                     label={tCommon('endTime')}
-                    className={styles.datebox}
+                    className={styles.dateboxOrganizationEvents}
                     timeSteps={{ hours: 1, minutes: 1, seconds: 1 }}
                     /*istanbul ignore next*/
                     value={timeToDayJs(formState.endTime)}
@@ -425,7 +427,7 @@ function organizationEvents(): JSX.Element {
               </div>
             )}
             <div className={styles.checkboxdiv}>
-              <div className={styles.dispflex}>
+              <div className={styles.dispflexOrganizationEvents}>
                 <label htmlFor="allday">{t('allDay')}?</label>
                 <Form.Switch
                   className="me-4"
@@ -436,7 +438,7 @@ function organizationEvents(): JSX.Element {
                   onChange={(): void => setAllDayChecked(!alldaychecked)}
                 />
               </div>
-              <div className={styles.dispflex}>
+              <div className={styles.dispflexOrganizationEvents}>
                 <label htmlFor="ispublic">{t('isPublic')}?</label>
                 <Form.Switch
                   className="me-4"
@@ -449,7 +451,7 @@ function organizationEvents(): JSX.Element {
               </div>
             </div>
             <div className={styles.checkboxdiv}>
-              <div className={styles.dispflex}>
+              <div className={styles.dispflexOrganizationEvents}>
                 <label htmlFor="recurring">{t('recurringEvent')}?</label>
                 <Form.Switch
                   className="me-4"
@@ -462,7 +464,7 @@ function organizationEvents(): JSX.Element {
                   }}
                 />
               </div>
-              <div className={styles.dispflex}>
+              <div className={styles.dispflexOrganizationEvents}>
                 <label htmlFor="registrable">{t('isRegistrable')}?</label>
                 <Form.Switch
                   className="me-4"
@@ -491,7 +493,7 @@ function organizationEvents(): JSX.Element {
 
             <Button
               type="submit"
-              className={styles.createButton}
+              className={styles.createButtonOrganizationEvents}
               value="createevent"
               data-testid="createEventBtn"
             >
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 448b80bd88..07c5e96f1c 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -153,7 +153,7 @@
   outline: none !important;
 }
 
-.closeButton {
+.closeButtonOrganizationEvents {
   margin-bottom: 10px;
   color: var(--delete-button-color);
   margin-right: 5px;
@@ -161,7 +161,7 @@
   border: white;
 }
 
-.closeButton:hover {
+.closeButtonOrganizationEvents:hover {
   color: var(--delete-button-bg) !important;
   background-color: var(--delete-button-color) !important;
   border: white;
@@ -883,6 +883,100 @@ hr {
   font-size: small;
 }
 
+.justifyspOrganizationEvents {
+  display: block;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+
+.titlemodalOrganizationEvents {
+  color: #707070;
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 20px;
+  padding-bottom: 5px;
+  border-bottom: 3px solid #eaebef;
+  width: 65%;
+}
+
+.closeButton {
+  color: var(--delete-button-color);
+  margin-right: 5px;
+  background-color: var(--delete-button-bg);
+  border: white;
+}
+
+.closeButton:hover {
+  color: var(--delete-button-bg) !important;
+  background-color: var(--delete-button-color) !important;
+  border: white;
+}
+
+.datedivOrganizationEvents {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 15px;
+}
+
+.dateboxOrganizationEvents {
+  width: 90%;
+  border-radius: 7px;
+  border-color: #e8e5e5;
+  outline: none;
+  box-shadow: none;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-right: 5px;
+  padding-left: 5px;
+  margin-right: 5px;
+  margin-left: 5px;
+}
+
+.dispflexOrganizationEvents {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dispflexOrganizationEvents > input {
+  border: none;
+  box-shadow: none;
+  margin-top: 5px;
+}
+
+.checkboxdiv {
+  display: flex;
+  margin-bottom: 5px;
+}
+
+.checkboxdiv > div {
+  width: 50%;
+}
+
+.createButtonOrganizationEvents {
+  background-color: #a8c7fa !important;
+  color: black !important;
+  margin: 1rem 0 0;
+  margin-top: 15px;
+  padding: 10px 10px;
+  border-radius: 5px;
+  font-size: 16px;
+  outline: none;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+  width: 100%;
+  border: 1px solid var(--dropdown-border-color);
+}
+
+.createButtonOrganizationEvents:hover {
+  background-color: #286fe0 !important;
+  color: black !important;
+  border: 1px solid var(--dropdown-border-color) !important;
+}
+
 .time {
   display: flex;
   justify-content: space-between;

From 6b62392de89a7ecf82263de33edac2731f22d3ad Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Fri, 27 Dec 2024 22:56:08 +0530
Subject: [PATCH 2/7] Refactored CSS in
 src/screens/OrganizationEvents/OrganizationEvents.tsx

---
 src/style/app.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/style/app.module.css b/src/style/app.module.css
index 07c5e96f1c..56a37677a8 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -884,7 +884,7 @@ hr {
 }
 
 .justifyspOrganizationEvents {
-  display: block;
+  display: flex;
   justify-content: space-between;
   margin-top: 20px;
 }

From 018f7415fe4ac1a21441af32b0c4fd76a497ac78 Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sat, 28 Dec 2024 18:09:26 +0530
Subject: [PATCH 3/7] Refactored CSS in
 src/screens/OrganizationEvents/OrganizationEvents.tsx

---
 .../OrganizationEvents/OrganizationEvents.tsx |  2 +-
 src/style/app.module.css                      | 27 +++++--------------
 2 files changed, 7 insertions(+), 22 deletions(-)

diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
index 302e1d590b..3c8802b6b7 100644
--- a/src/screens/OrganizationEvents/OrganizationEvents.tsx
+++ b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -287,7 +287,7 @@ function organizationEvents(): JSX.Element {
           <Button
             variant="danger"
             onClick={hideCreateEventModal}
-            className={styles.closeButtonOrganizationEvents}
+            className={styles.closeButton}
             data-testid="createEventModalCloseBtn"
           >
             <i className="fa fa-times"></i>
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 56a37677a8..4f0da0b709 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -153,20 +153,6 @@
   outline: none !important;
 }
 
-.closeButtonOrganizationEvents {
-  margin-bottom: 10px;
-  color: var(--delete-button-color);
-  margin-right: 5px;
-  background-color: var(--delete-button-bg);
-  border: white;
-}
-
-.closeButtonOrganizationEvents:hover {
-  color: var(--delete-button-bg) !important;
-  background-color: var(--delete-button-color) !important;
-  border: white;
-}
-
 .modalContent {
   width: var(--modal-width);
   max-width: var(--modal-max-width);
@@ -954,10 +940,9 @@ hr {
 }
 
 .createButtonOrganizationEvents {
-  background-color: #a8c7fa !important;
+  background-color: var(--search-button-bg) !important;
   color: black !important;
-  margin: 1rem 0 0;
-  margin-top: 15px;
+  margin: 15px 0 0;
   padding: 10px 10px;
   border-radius: 5px;
   font-size: 16px;
@@ -968,13 +953,13 @@ hr {
     transform 0.2s,
     box-shadow 0.2s;
   width: 100%;
-  border: 1px solid var(--dropdown-border-color);
+  border: 1px solid var(--search-button-border);
 }
 
 .createButtonOrganizationEvents:hover {
-  background-color: #286fe0 !important;
-  color: black !important;
-  border: 1px solid var(--dropdown-border-color) !important;
+  background-color: var(--bs-primary) !important;
+  color: white !important;
+  border: 1px solid var(--search-button-border) !important;
 }
 
 .time {

From e640b18996c922bb289d314118d5be387c864554 Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sat, 28 Dec 2024 22:37:09 +0530
Subject: [PATCH 4/7] Removed duplicate close button styles

---
 src/screens/OrganizationEvents/OrganizationEvents.tsx | 2 +-
 src/style/app.module.css                              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
index 3c8802b6b7..302e1d590b 100644
--- a/src/screens/OrganizationEvents/OrganizationEvents.tsx
+++ b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -287,7 +287,7 @@ function organizationEvents(): JSX.Element {
           <Button
             variant="danger"
             onClick={hideCreateEventModal}
-            className={styles.closeButton}
+            className={styles.closeButtonOrganizationEvents}
             data-testid="createEventModalCloseBtn"
           >
             <i className="fa fa-times"></i>
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 4f0da0b709..884a2d15e3 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -885,14 +885,14 @@ hr {
   width: 65%;
 }
 
-.closeButton {
+.closeButtonOrganizationEvents {
   color: var(--delete-button-color);
   margin-right: 5px;
   background-color: var(--delete-button-bg);
   border: white;
 }
 
-.closeButton:hover {
+.closeButtonOrganizationEvents:hover {
   color: var(--delete-button-bg) !important;
   background-color: var(--delete-button-color) !important;
   border: white;

From 7241fa98d235408e6e6262ae8d79a4eb81583652 Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sun, 29 Dec 2024 00:24:53 +0530
Subject: [PATCH 5/7] Removed Code Coverage disable lines

---
 src/screens/OrganizationEvents/OrganizationEvents.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
index 302e1d590b..5236743511 100644
--- a/src/screens/OrganizationEvents/OrganizationEvents.tsx
+++ b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -101,7 +101,6 @@ function organizationEvents(): JSX.Element {
     setCreateEventmodalisOpen(false);
   };
   const handleChangeView = (item: string | null): void => {
-    /*istanbul ignore next*/
     if (item) {
       setViewType(item as ViewType);
     }
@@ -221,7 +220,6 @@ function organizationEvents(): JSX.Element {
           setEndDate(new Date());
         }
       } catch (error: unknown) {
-        /* istanbul ignore next */
         if (error instanceof Error) {
           console.log(error.message);
           errorHandler(t, error);
@@ -386,18 +384,14 @@ function organizationEvents(): JSX.Element {
                     className={styles.dateboxOrganizationEvents}
                     timeSteps={{ hours: 1, minutes: 1, seconds: 1 }}
                     value={timeToDayJs(formState.startTime)}
-                    /*istanbul ignore next*/
                     onChange={(time): void => {
                       if (time) {
                         setFormState({
                           ...formState,
                           startTime: time?.format('HH:mm:ss'),
                           endTime:
-                            /*istanbul ignore next*/
                             timeToDayJs(formState.endTime) < time
-                              ? /* istanbul ignore next */ time?.format(
-                                  'HH:mm:ss',
-                                )
+                              ? time?.format('HH:mm:ss')
                               : formState.endTime,
                         });
                       }
@@ -410,7 +404,6 @@ function organizationEvents(): JSX.Element {
                     label={tCommon('endTime')}
                     className={styles.dateboxOrganizationEvents}
                     timeSteps={{ hours: 1, minutes: 1, seconds: 1 }}
-                    /*istanbul ignore next*/
                     value={timeToDayJs(formState.endTime)}
                     onChange={(time): void => {
                       if (time) {

From 6431f296ba61455f0cc9151f06bb45dac0fe2f2a Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sun, 29 Dec 2024 10:24:38 +0530
Subject: [PATCH 6/7] Update src/style/app.module.css

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 src/style/app.module.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/style/app.module.css b/src/style/app.module.css
index 120996449d..9913d2e112 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -968,13 +968,10 @@ hr {
 .dateboxOrganizationEvents {
   width: 90%;
   border-radius: 7px;
-  border-color: #e8e5e5;
+  border-color: var(--grey-border-box-color);
   outline: none;
   box-shadow: none;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  padding-right: 5px;
-  padding-left: 5px;
+  padding: 2px 5px;
   margin-right: 5px;
   margin-left: 5px;
 }

From 3f61113275c7ea8d13ed56ef02402db26685589e Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sun, 29 Dec 2024 11:19:09 +0530
Subject: [PATCH 7/7] used variables for hardcoded colors

---
 src/style/app.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/style/app.module.css b/src/style/app.module.css
index 9913d2e112..a61f00d97a 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -937,12 +937,12 @@ hr {
 }
 
 .titlemodalOrganizationEvents {
-  color: #707070;
+  color: var(--grey-bg-color-dark);
   font-weight: 600;
   font-size: 20px;
   margin-bottom: 20px;
   padding-bottom: 5px;
-  border-bottom: 3px solid #eaebef;
+  border-bottom: 3px solid var(--table-bg-color);
   width: 65%;
 }