From 6899d794f0cc242d8660c4f75c749c8f0ef2bded Mon Sep 17 00:00:00 2001
From: Peter Harrison <16875803+palisadoes@users.noreply.github.com>
Date: Mon, 27 Jan 2025 20:01:34 -0800
Subject: [PATCH] =?UTF-8?q?Revert=20"Figma:=20Refactor=20CSS=20files=20in?=
 =?UTF-8?q?=20src/components/CollapsibleDropdown=20#3330=E2=80=A6"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 01120c67c2e9a59b6a713ef240e03aa4accbf216.
---
 .../CollapsibleDropdown.module.css              | 14 ++++++++++++++
 .../CollapsibleDropdown/CollapsibleDropdown.tsx |  8 ++++----
 src/style/app.module.css                        | 17 -----------------
 3 files changed, 18 insertions(+), 21 deletions(-)
 create mode 100644 src/components/CollapsibleDropdown/CollapsibleDropdown.module.css

diff --git a/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css b/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css
new file mode 100644
index 0000000000..4337742ecc
--- /dev/null
+++ 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
index 91024e026e..2991c2ade5 100644
--- 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,7 +73,7 @@ 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 => {
@@ -81,7 +81,7 @@ const collapsibleDropdown = ({
                       }}
                       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
index abe125f4c5..5efd03ee96 100644
--- 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;
-}