Remove inline filter icon (#357)

varianter · Dec 5, 2023 · 04c5be7 · 04c5be7
1 parent c5f053a
commit 04c5be7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/frontend/src/components/ActiveFilters.tsx b/frontend/src/components/ActiveFilters.tsx
@@ -5,7 +5,7 @@ import { useDepartmentFilter } from "@/hooks/staffing/useDepartmentFilter";
 import { useYearsXpFilter } from "@/hooks/staffing/useYearsXpFilter";
 import { useAvailabilityFilter } from "@/hooks/staffing/useAvailabilityFilter";
 
-export default function ActiveFilters({ showIcon }: { showIcon: boolean }) {
+export default function ActiveFilters() {
   const filterTextComponents: string[] = [];
 
   const { searchFilter } = useUrlRouteFilter();
@@ -35,10 +35,7 @@ export default function ActiveFilters({ showIcon }: { showIcon: boolean }) {
   return (
     <div className="h-4">
       {filterSummaryText != "" && (
-        <div className="flex flex-row gap-3 text-primary items-center">
-          {showIcon && <Filter size="12" />}
-          <p className="small-medium"> {filterSummaryText} </p>
-        </div>
+        <p className="small-medium"> {filterSummaryText} </p>
       )}
     </div>
   );

diff --git a/frontend/src/pagecontent/StaffingContent.tsx b/frontend/src/pagecontent/StaffingContent.tsx
@@ -19,17 +19,17 @@ export function StaffingContent() {
         closeSidebar={() => setIsSidebarOpen(false)}
       />
 
-      <div className="main p-4 w-full flex flex-col gap-8">
+      <div className="main p-4 pt-5 w-full flex flex-col gap-8">
         <h1>Bemanning</h1>
 
-        <div className="flex flex-row justify-between items-center">
+        <div className="flex flex-row justify-between items-center pt-[12px]">
           <div className="flex flex-row items-center gap-3">
             <IconActionButton
               variant={"secondary"}
               icon={<Filter />}
               onClick={() => setIsSidebarOpen((wasOpen) => !wasOpen)}
             />
-            <ActiveFilters showIcon={isSideBarOpen} />
+            <ActiveFilters />
           </div>
 
           <WeekSelection />