Revert "Figma: Refactor CSS files in src/components/CollapsibleDropdown

#3330…" This reverts commit 01120c6.
PalisadoesFoundation · Jan 28, 2025 · 6899d79 · 6899d79
1 parent 01120c6
commit 6899d79
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 21 deletions.
diff --git a/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css b/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css
@@ -0,0 +1,14 @@
+.iconWrapper {
+  width: 36px;
+}
+
+.collapseBtn {
+  height: 48px;
+}
+
+.iconWrapperSm {
+  width: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/components/CollapsibleDropdown/CollapsibleDropdown.tsx b/src/components/CollapsibleDropdown/CollapsibleDropdown.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { Button, Collapse } from 'react-bootstrap';
 import type { TargetsType } from 'state/reducers/routesReducer';
-import styles from '../../style/app.module.css';
+import styles from './CollapsibleDropdown.module.css';
 import IconComponent from 'components/IconComponent/IconComponent';
 import { NavLink, useLocation, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
@@ -48,7 +48,7 @@ const collapsibleDropdown = ({
         aria-expanded={showDropdown}
         data-testid="collapsible-dropdown"
       >
-        <div className={styles.collapsibleDropdownIconWrapper}>
+        <div className={styles.iconWrapper}>
           <IconComponent
             name={name}
             fill={showDropdown ? 'var(--bs-white)' : 'var(--bs-secondary)'}
@@ -73,15 +73,15 @@ const collapsibleDropdown = ({
                       key={name}
                       variant={isActive === true ? 'success' : 'light'}
                       size="sm"
-                      className={`${styles.collapsibleDropdownCollapseBtn} ${
+                      className={`${styles.collapseBtn} ${
                         isActive === true ? 'text-white' : 'text-secondary'
                       }`}
                       onClick={(): void => {
                         navigate(url);
                       }}
                       data-testid={`collapsible-dropdown-btn-${index}`}
                     >
-                      <div className={styles.collapsibleDropdownIconWrapperSm}>
+                      <div className={styles.iconWrapperSm}>
                         <i className={`fa ${stringIcon}`} />
                       </div>
                       {tCommon(name || '')}

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -9101,20 +9101,3 @@ button[data-testid='createPostBtn'] {
   gap: 10px;
   align-items: center;
 }
-
-/* CollapsibleDropdown */
-
-.collapsibleDropdownIconWrapper {
-  width: 36px;
-}
-
-.collapsibleDropdownCollapseBtn {
-  height: 48px;
-}
-
-.collapsibleDropdownIconWrapperSm {
-  width: 36px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}