fix(*): filters

onlydustxyz · Nov 19, 2024 · 6d619f2 · 6d619f2
1 parent 8610bd3
commit 6d619f2
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 10 deletions.
diff --git a/...ncial-section/components/transactions-sidepanel/transactions/components/header/header.tsx b/...ncial-section/components/transactions-sidepanel/transactions/components/header/header.tsx
@@ -52,13 +52,18 @@ export function Header() {
           {() => (
             <div>
               <Button
+                variant={count ? "primary" : "secondary"}
                 size="sm"
-                variant="secondary"
-                iconOnly
                 startIcon={{ component: Filter }}
+                iconOnly={!count}
                 endContent={
                   count ? (
-                    <Badge size="sm" shape="rounded">
+                    <Badge
+                      size="sm"
+                      shape="rounded"
+                      color={count ? "brand" : "grey"}
+                      variant={count ? "solid" : "flat"}
+                    >
                       {count}
                     </Badge>
                   ) : null

diff --git a/...ncial-section/components/transactions-sidepanel/transactions/components/header/header.tsx b/...ncial-section/components/transactions-sidepanel/transactions/components/header/header.tsx
@@ -52,13 +52,18 @@ export function Header() {
           {() => (
             <div>
               <Button
+                variant={count ? "primary" : "secondary"}
                 size="sm"
-                variant="secondary"
-                iconOnly
                 startIcon={{ component: Filter }}
+                iconOnly={!count}
                 endContent={
                   count ? (
-                    <Badge size="sm" shape="rounded">
+                    <Badge
+                      size="sm"
+                      shape="rounded"
+                      color={count ? "brand" : "grey"}
+                      variant={count ? "solid" : "flat"}
+                    >
                       {count}
                     </Badge>
                   ) : null

diff --git a/...ms/[programId]/_features/transactions-sidepanel/transactions/components/header/header.tsx b/...ms/[programId]/_features/transactions-sidepanel/transactions/components/header/header.tsx
@@ -52,13 +52,19 @@ export function Header() {
           {() => (
             <div>
               <Button
+                variant={count ? "primary" : "secondary"}
                 size="sm"
-                variant="secondary"
-                iconOnly
                 startIcon={{ component: Filter }}
+                iconOnly={!count}
                 endContent={
                   count ? (
-                    <Badge size="sm" shape="rounded">
+                    <Badge
+                      size="sm"
+                      shape="rounded"
+                      color={count ? "brand" : "grey"}
+                      variant={count ? "solid" : "flat"}
+                    >
+                      {" "}
                       {count}
                     </Badge>
                   ) : null

diff --git a/shared/features/filters/_components/filter-button/filter-button.tsx b/shared/features/filters/_components/filter-button/filter-button.tsx
@@ -25,7 +25,7 @@ export function FilterButton({ onClick }: FilterButtonProps) {
           <Badge size={"xxs"} color={filterCount ? "brand" : "grey"} variant={filterCount ? "solid" : "flat"}>
             {filterCount}
           </Badge>
-        ) : undefined
+        ) : null
       }
     />
   );