refactor CSS src/components/EventRegistrantsModal (#3383)

* refactor * refactor2
PalisadoesFoundation · Jan 22, 2025 · b99eba7 · b99eba7
1 parent 366dbfd
commit b99eba7
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 58 deletions.
diff --git a/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css b/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css
diff --git 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
@@ -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;