From b99eba7a7abc5755cce3aa13bb21cd451efda411 Mon Sep 17 00:00:00 2001
From: prathmesh703 <146568950+prathmesh703@users.noreply.github.com>
Date: Thu, 23 Jan 2025 02:43:18 +0530
Subject: [PATCH] refactor CSS src/components/EventRegistrantsModal (#3383)

* refactor

* refactor2
---
 .../EventRegistrantsModal.module.css          | 43 -------------------
 .../EventRegistrantsModal.tsx                 | 16 +++----
 src/style/app.module.css                      | 21 +++++++--
 3 files changed, 22 insertions(+), 58 deletions(-)
 delete mode 100644 src/components/EventRegistrantsModal/EventRegistrantsModal.module.css

diff --git a/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css b/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css
deleted file mode 100644
index 0f78d81c01..0000000000
--- a/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.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);
-  }
-}
diff --git a/src/components/EventRegistrantsModal/EventRegistrantsModal.tsx b/src/components/EventRegistrantsModal/EventRegistrantsModal.tsx
index d48d3b7439..2c4709cd50 100644
--- a/src/components/EventRegistrantsModal/EventRegistrantsModal.tsx
+++ b/src/components/EventRegistrantsModal/EventRegistrantsModal.tsx
@@ -7,7 +7,7 @@ import {
   ADD_EVENT_ATTENDEE,
   REMOVE_EVENT_ATTENDEE,
 } from 'GraphQl/Mutations/mutations';
-import styles from 'components/EventRegistrantsModal/EventRegistrantsModal.module.css';
+import styles from '../../style/app.module.css';
 import Avatar from '@mui/material/Avatar';
 import Chip from '@mui/material/Chip';
 import Stack from '@mui/material/Stack';
@@ -129,16 +129,10 @@ export const EventRegistrantsModal = (props: ModalPropType): JSX.Element => {
       <Modal show={show} onHide={handleClose} backdrop="static" centered>
         <AddOnSpotAttendee
           show={open}
-          handleClose={
-            /*istanbul ignore next */
-            () => setOpen(false)
-          }
-          reloadMembers={
-            /*istanbul ignore next */
-            () => {
-              attendeesRefetch();
-            }
-          }
+          handleClose={() => setOpen(false)}
+          reloadMembers={() => {
+            attendeesRefetch();
+          }}
         />
         <Modal.Header closeButton className="bg-primary">
           <Modal.Title className="text-white">Event Registrants</Modal.Title>
diff --git a/src/style/app.module.css b/src/style/app.module.css
index dde01a56d1..0c18cc055e 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -126,6 +126,8 @@
   --background-color: #fff;
   --dropdown-shadow: #0000004c;
   --dropdown-color: #555555;
+  --loader-border: #ffffff33;
+  --loader-border-left: #febc59;
 
   --dropdown-button-bg: #555555;
   --dropdown-button-fill: #555555;
@@ -3605,16 +3607,26 @@ button[data-testid='createPostBtn'] {
   font-size: 10px;
   position: relative;
   text-indent: -9999em;
-  border-top: 1.1em solid var(--white-shadow-color);
-  border-right: 1.1em solid var(--white-shadow-color);
-  border-bottom: 1.1em solid var(--white-shadow-color);
-  border-left: 1.1em solid var(--light-orange);
+  border-top: 1.1em solid var(--loader-border);
+  border-right: 1.1em solid var(--loader-border);
+  border-bottom: 1.1em solid var(--loader-border);
+  border-left: 1.1em solid var(--loader-border-left);
   -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);
@@ -3625,6 +3637,7 @@ button[data-testid='createPostBtn'] {
     transform: rotate(360deg);
   }
 }
+
 .list_box {
   height: 70vh;
   overflow-y: auto;