feat: add mark filter name

guz86 · Sep 24, 2024 · ae8af6e · ae8af6e
1 parent e437d6c
commit ae8af6e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/src/components/Filters/Filters.css b/app/src/components/Filters/Filters.css
@@ -70,7 +70,7 @@
 }
 
 .dropdown-item {
-  padding: 7px 12px 7px 12px;
+  padding: 7px 12px;
   cursor: pointer;
 }
 

diff --git a/app/src/components/Filters/Filters.tsx b/app/src/components/Filters/Filters.tsx
@@ -71,19 +71,19 @@ const Filters: React.FC<FiltersProps> = ({ onFilterChange }) => {
         {isMenuOpen && (
           <div className="dropdown-menu">
             <div
-              className="dropdown-item"
+              className={`dropdown-item ${currentFilter === 'Все типы' ? 'active-filter' : ''}`}
               onClick={() => handleFilterChange('')}
             >
               Все типы
             </div>
             <div
-              className="dropdown-item"
+              className={`dropdown-item ${currentFilter === 'Входящие' ? 'active-filter' : ''}`}
               onClick={() => handleFilterChange('1')}
             >
               Входящие
             </div>
             <div
-              className="dropdown-item"
+              className={`dropdown-item ${currentFilter === 'Исходящие' ? 'active-filter' : ''}`}
               onClick={() => handleFilterChange('0')}
             >
               Исходящие