From 3d7ecbcac5cef5ff0e9bfa839fbf7bc55fbebc95 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sat, 1 Aug 2026 01:19:41 +0700
Subject: [PATCH] fix : filter

---
 components/results-filters.tsx | 63 +++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 32 deletions(-)

diff --git a/components/results-filters.tsx b/components/results-filters.tsx
index 98e71c7..12f4637 100644
--- a/components/results-filters.tsx
+++ b/components/results-filters.tsx
@@ -197,39 +197,38 @@ export function ResultsFilters({
             CSV
           </a>
         </Button>
+        {(values.q ||
+          values.edited !== "all" ||
+          values.sort !== "submittedAt" ||
+          values.direction !== "desc" ||
+          values.dateFrom ||
+          values.dateTo) && (
+          <Button
+            variant="ghost"
+            size="icon"
+            className="self-start lg:self-auto"
+            aria-label="Clear filters"
+            asChild={!onFiltersChange}
+            onClick={onFiltersChange ? () => updateValues(() => ({
+              q: "",
+              page: 1,
+              sort: "submittedAt",
+              direction: "desc",
+              edited: "all",
+              dateFrom: "",
+              dateTo: "",
+            })) : undefined}
+          >
+            {onFiltersChange ? (
+              <X />
+            ) : (
+              <a href={base}>
+                <X />
+              </a>
+            )}
+          </Button>
+        )}
       </div>
-      {(filters.q ||
-        filters.edited !== "all" ||
-        filters.dateFrom ||
-        filters.dateTo) && (
-        <Button
-          variant="ghost"
-          size="sm"
-          className="self-start"
-          asChild={!onFiltersChange}
-          onClick={onFiltersChange ? () => updateValues(() => ({
-            q: "",
-            page: 1,
-            sort: "submittedAt",
-            direction: "desc",
-            edited: "all",
-            dateFrom: "",
-            dateTo: "",
-          })) : undefined}
-        >
-          {onFiltersChange ? (
-            <span>
-              <X data-icon="inline-start" />
-              Clear filters
-            </span>
-          ) : (
-            <a href={base}>
-              <X data-icon="inline-start" />
-              Clear filters
-            </a>
-          )}
-        </Button>
-      )}
     </div>
   );
 }