refactor-CSS files in src/screens/LoginPage (fixes #2509)

.github/workflows/check-tsdoc.js

@@ -1,4 +1,4 @@
 import fs from 'fs/promises'; // Import fs.promises for async operations
 import path from 'path';
 
 // List of files to skip
@@ -23,7 +23,6 @@
       } else if (
         filePath.endsWith('.tsx') &&
         !filePath.endsWith('.test.tsx') &&
-        !filePath.endsWith('.spec.tsx') &&
         !filesToSkip.includes(path.relative(dir, filePath))
       ) {
         results.push(filePath);

.github/workflows/pull-request.yml

@@ -1,4 +1,4 @@
 ##############################################################################
 ##############################################################################
 #
 # NOTE!
@@ -49,7 +49,7 @@
 
       - name: Run formatting if check fails
         if: failure()
-        run: npm run format:fix
+        run: npm run format
 
       - name: Check for type errors
         if: steps.changed-files.outputs.only_changed != 'true'

src/screens/EventVolunteers/Requests/Requests.spec.tsx → src/screens/EventVolunteers/Requests/Requests.test.tsx

@@ -1,10 +1,3 @@
-/**
- * Testing component for managing and displaying Volunteer Membership requests for an event.
- *
- * This component allows users to view, filter, sort, and create action items. It also allows users to accept or reject volunteer membership requests.
- *
- *
- */
 import React, { act } from 'react';
 import { MockedProvider } from '@apollo/react-testing';
 import { LocalizationProvider } from '@mui/x-date-pickers';
@@ -27,12 +20,11 @@ import {
   UPDATE_ERROR_MOCKS,
 } from './Requests.mocks';
 import { toast } from 'react-toastify';
-import { vi } from 'vitest';
 
-vi.mock('react-toastify', () => ({
+jest.mock('react-toastify', () => ({
   toast: {
-    success: vi.fn(),
-    error: vi.fn(),
+    success: jest.fn(),
+    error: jest.fn(),
   },
 }));
 
@@ -82,14 +74,14 @@ const renderRequests = (link: ApolloLink): RenderResult => {
 
 describe('Testing Requests Screen', () => {
   beforeAll(() => {
-    vi.mock('react-router-dom', async () => ({
-      ...(await vi.importActual('react-router-dom')),
+    jest.mock('react-router-dom', () => ({
+      ...jest.requireActual('react-router-dom'),
       useParams: () => ({ orgId: 'orgId', eventId: 'eventId' }),
     }));
   });
 
   afterAll(() => {
-    vi.clearAllMocks();
+    jest.clearAllMocks();
   });
 
   it('should redirect to fallback URL if URL params are undefined', async () => {
@@ -110,7 +102,10 @@ describe('Testing Requests Screen', () => {
         </MemoryRouter>
       </MockedProvider>,
     );
-    expect(window.location.pathname).toBe('/');
+
+    await waitFor(() => {
+      expect(screen.getByTestId('paramsError')).toBeInTheDocument();
+    });
   });
 
   it('should render Requests screen', async () => {

src/screens/LoginPage/LoginPage.tsx

@@ -30,7 +30,7 @@ import LoginPortalToggle from 'components/LoginPortalToggle/LoginPortalToggle';
 import { errorHandler } from 'utils/errorHandler';
 import useLocalStorage from 'utils/useLocalstorage';
 import { socialMediaLinks } from '../../constants';
-import styles from './LoginPage.module.css';
+import styles from 'style/app.module.css';
 import type { InterfaceQueryOrganizationListObject } from 'utils/interfaces';
 import { Autocomplete, TextField } from '@mui/material';
 import useSession from 'utils/useSession';