fixed:2527 Refactored CSS files in src/screens/UserPortal

src/components/UpdateSession/UpdateSession.spec.tsx

@@ -104,10 +104,10 @@
     // Simulate dragging to minimum value
     userEvent.click(slider, {
       // Simulate clicking on the slider to focus
-      clientX: -999, // Adjust the clientX to simulate different slider positions
+      // clientX: -999, // Adjust the clientX to simulate different slider positions
     });
 
     expect(mockOnValueChange).toHaveBeenCalledWith(15); // Adjust based on slider min value
   });
 
   it('Should handle maximum slider value correctly', async () => {
@@ -124,10 +124,10 @@
     // Simulate dragging to maximum value
     userEvent.click(slider, {
       // Simulate clicking on the slider to focus
-      clientX: 999, // Adjust the clientX to simulate different slider positions
+      // clientX: 999, // Adjust the clientX to simulate different slider positions
     });
 
     expect(mockOnValueChange).toHaveBeenCalledWith(60); // Adjust based on slider max value
   });
 
   it('Should not update value if an invalid value is passed', async () => {
@@ -144,7 +144,7 @@
     // Simulate invalid value handling
     userEvent.click(slider, {
       // Simulate clicking on the slider to focus
-      clientX: 0, // Adjust the clientX to simulate different slider positions
+      // clientX: 0, // Adjust the clientX to simulate different slider positions
     });
 
     // Ensure onValueChange is not called with invalid values

src/screens/UserPortal/Campaigns/Campaigns.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Dropdown, Form, Button, ProgressBar } from 'react-bootstrap';
-import styles from './Campaigns.module.css';
+import styles from '../../../style/app.module.css';
 import { useTranslation } from 'react-i18next';
 import { Navigate, useNavigate, useParams } from 'react-router-dom';
 import { Circle, Search, Sort, WarningAmberRounded } from '@mui/icons-material';

src/screens/UserPortal/Campaigns/PledgeModal.tsx

@@ -8,7 +8,7 @@ import type {
   InterfacePledgeInfo,
   InterfaceUserInfo,
 } from 'utils/interfaces';
-import styles from './Campaigns.module.css';
+import styles from '../../../style/app.module.css';
 import React, { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMutation, useQuery } from '@apollo/client';
@@ -133,7 +133,6 @@ const PledgeModal: React.FC<InterfacePledgeModal> = ({
    * @param e - The form submission event.
    * @returns A promise that resolves when the pledge is successfully updated.
    */
-  /*istanbul ignore next*/
   const updatePledgeHandler = useCallback(
     async (e: ChangeEvent<HTMLFormElement>): Promise<void> => {
       e.preventDefault();
@@ -209,7 +208,6 @@ const PledgeModal: React.FC<InterfacePledgeModal> = ({
         });
         hide();
       } catch (error: unknown) {
-        /*istanbul ignore next*/
         toast.error((error as Error).message);
       }
     },
@@ -255,15 +253,12 @@ const PledgeModal: React.FC<InterfacePledgeModal> = ({
               getOptionLabel={(member: InterfaceUserInfo): string =>
                 `${member.firstName} ${member.lastName}`
               }
-              onChange={
-                /*istanbul ignore next*/
-                (_, newPledgers): void => {
-                  setFormState({
-                    ...formState,
-                    pledgeUsers: newPledgers,
-                  });
-                }
-              }
+              onChange={(_, newPledgers): void => {
+                setFormState({
+                  ...formState,
+                  pledgeUsers: newPledgers,
+                });
+              }}
               renderInput={(params) => (
                 <TextField {...params} label="Pledgers" />
               )}
@@ -283,7 +278,6 @@ const PledgeModal: React.FC<InterfacePledgeModal> = ({
                     pledgeStartDate: date.toDate(),
                     pledgeEndDate:
                       pledgeEndDate &&
-                      /*istanbul ignore next*/
                       (pledgeEndDate < date?.toDate()
                         ? date.toDate()
                         : pledgeEndDate),
@@ -322,15 +316,12 @@ const PledgeModal: React.FC<InterfacePledgeModal> = ({
                 value={pledgeCurrency}
                 label={t('currency')}
                 data-testid="currencySelect"
-                onChange={
-                  /*istanbul ignore next*/
-                  (e) => {
-                    setFormState({
-                      ...formState,
-                      pledgeCurrency: e.target.value,
-                    });
-                  }
-                }
+                onChange={(e) => {
+                  setFormState({
+                    ...formState,
+                    pledgeCurrency: e.target.value,
+                  });
+                }}
               >
                 {currencyOptions.map((currency) => (
                   <MenuItem key={currency.label} value={currency.value}>