Refactored CSS changes for src/screens/EventManagement

src/components/EventManagement/Dashboard/EventDashboard.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Col, Row } from 'react-bootstrap';
-import styles from './EventDashboard.module.css';
+import styles from '../../../style/app.module.css';
 import { useTranslation } from 'react-i18next';
 import { EVENT_DETAILS } from 'GraphQl/Queries/Queries';
 import { useQuery } from '@apollo/client';

src/components/EventManagement/EventAgendaItems/EventAgendaItems.tsx

@@ -20,7 +20,7 @@ import type {
 import AgendaItemsContainer from 'components/AgendaItems/AgendaItemsContainer';
 import AgendaItemsCreateModal from 'components/AgendaItems/AgendaItemsCreateModal';
 
-import styles from './EventAgendaItems.module.css';
+import styles from '../../../style/app.module.css';
 import Loader from 'components/Loader/Loader';
 
 /**
@@ -177,7 +177,7 @@ function EventAgendaItems(props: { eventId: string }): JSX.Element {
     <div className={styles.eventAgendaItemContainer}>
       <div className={`bg-white rounded-4 my-3`}>
         <div className={`pt-4 mx-4`}>
-          <div className={styles.btnsContainer}>
+          <div className={styles.agendabtnsContainer}>
             <div className=" d-none d-lg-inline flex-grow-1 d-flex align-items-center border bg-light-subtle rounded-3">
               {/* <input
                 type="search"

src/components/EventManagement/EventAttendance/EventAttendance.tsx

@@ -16,7 +16,7 @@ import {
   Table,
   FormControl,
 } from 'react-bootstrap';
-import styles from './EventsAttendance.module.css';
+import styles from '../../../style/app.module.css';
 import { useLazyQuery } from '@apollo/client';
 import { EVENT_ATTENDEES } from 'GraphQl/Queries/Queries';
 import { useParams, Link } from 'react-router-dom';

src/components/OrganizationScreen/OrganizationScreen.spec.tsx

@@ -79,12 +79,13 @@ describe('Testing OrganizationScreen', () => {
     const closeButton = screen.getByTestId('closeMenu');
     fireEvent.click(closeButton);
 
+    // Check for expand class after closing
     expect(screen.getByTestId('mainpageright')).toHaveClass(styles.expand);
 
     const openButton = screen.getByTestId('openMenu');
     fireEvent.click(openButton);
 
-    // Check for expand class after opening
+    // Check for contract class after opening
     expect(screen.getByTestId('mainpageright')).toHaveClass(styles.contract);
   });
 

src/screens/Leaderboard/Leaderboard.tsx

@@ -14,7 +14,7 @@ import silver from 'assets/images/silver.png';
 import bronze from 'assets/images/bronze.png';
 
 import type { InterfaceVolunteerRank } from 'utils/interfaces';
-import styles from '../OrganizationActionItems/OrganizationActionItems.module.css';
+import styles from '../../style/app.module.css';
 import Loader from 'components/Loader/Loader';
 import {
   DataGrid,

src/screens/OrganizationActionItems/ItemDeleteModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Modal, Button } from 'react-bootstrap';
-import styles from './OrganizationActionItems.module.css';
+import styles from '../../style/app.module.css';
 import { useMutation } from '@apollo/client';
 import { DELETE_ACTION_ITEM_MUTATION } from 'GraphQl/Mutations/ActionItemMutations';
 import { toast } from 'react-toastify';

src/screens/OrganizationActionItems/ItemViewModal.tsx

@@ -4,7 +4,7 @@ import dayjs from 'dayjs';
 import type { FC } from 'react';
 import { Button, Form, Modal } from 'react-bootstrap';
 import type { InterfaceActionItemInfo } from 'utils/interfaces';
-import styles from './OrganizationActionItems.module.css';
+import styles from '../../style/app.module.css';
 import { useTranslation } from 'react-i18next';
 import { FormControl, TextField } from '@mui/material';
 import { TaskAlt, HistoryToggleOff } from '@mui/icons-material';