Refactor CSS files in src/screens/OrgContribution (Fixs : #2520)

src/GraphQl/Mutations/ActionItemCategoryMutations.ts

@@ -29,7 +29,7 @@ export const CREATE_ACTION_ITEM_CATEGORY_MUTATION = gql`
  *
  * @param id - The id of the ActionItemCategory to be updated.
  * @param name - Updated name of the ActionItemCategory.
- * @param isDisabled - Updated disabled status of the ActionItemCategory.
+ * @param isDisabled - Updated  disabled status of the ActionItemCategory.
  */
 
 export const UPDATE_ACTION_ITEM_CATEGORY_MUTATION = gql`

src/components/ContriStats/ContriStats.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import styles from './ContriStats.module.css';
+import styles from '../../style/app.module.css';
 
 interface InterfaceContriStatsProps {
   id: string;
@@ -13,27 +13,34 @@ interface InterfaceContriStatsProps {
 /**
  * A component that displays contribution statistics.
  *
- * @param props - The properties passed to the component, including `recentAmount`, `highestAmount`, and `totalAmount`.
+ * @param recentAmount - The most recent contribution amount.
+ * @param highestAmount - The highest contribution amount.
+ * @param totalAmount - The total contribution amount.
  *
  * @returns JSX.Element - The rendered component displaying the contribution stats.
  */
-function ContriStats(props: InterfaceContriStatsProps): JSX.Element {
+function ContriStats({
+  recentAmount,
+  highestAmount,
+  totalAmount,
+}: InterfaceContriStatsProps): JSX.Element {
   const { t } = useTranslation('translation', {
     keyPrefix: 'contriStats',
   });
 
   return (
     <>
       <p className={styles.fonts}>
-        {t('recentContribution')}: $&nbsp;<span>{props.recentAmount}</span>
+        {t('recentContribution')}: $&nbsp;<span>{recentAmount}</span>
       </p>
       <p className={styles.fonts}>
-        {t('highestContribution')}: $&nbsp;<span>{props.highestAmount}</span>
+        {t('highestContribution')}: $&nbsp;<span>{highestAmount}</span>
       </p>
       <p className={styles.fonts}>
-        {t('totalContribution')}: $&nbsp;<span>{props.totalAmount}</span>
+        {t('totalContribution')}: $&nbsp;<span>{totalAmount}</span>
       </p>
     </>
   );
 }
+
 export default ContriStats;

src/components/OrgContriCards/OrgContriCards.tsx

@@ -3,7 +3,7 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useTranslation } from 'react-i18next';
 
-import styles from './OrgContriCards.module.css';
+import styles from '../../style/app.module.css';
 
 /**
  * Props for the OrgContriCards component