From b40f6fa23feb3cd4ee41da889ed24d6dfd478bdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 24 Jun 2026 11:42:30 -0300
Subject: [PATCH] Restore seller dropdown filter

---
 src/dataService.ts    |  2 +-
 src/pages/Clients.tsx | 34 ++++++++++------------------------
 2 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/src/dataService.ts b/src/dataService.ts
index af8e507..7ec24c9 100644
--- a/src/dataService.ts
+++ b/src/dataService.ts
@@ -223,7 +223,7 @@ export const fetchClientFilterOptions = async (dateRange: DateRange, options?: C
     const path = `/analytics/clients/filters?${buildDateRangeParams(dateRange).toString()}`;
     return getCachedAnalytics(path, async () => {
         try {
-            const response = await authFetch(path);
+            const response = await authFetch(path, options?.force ? { cache: 'no-store' } : {});
             if (!response.ok) return { marketplaces: [], salesChannels: [], sellers: [] };
             return await response.json();
         } catch (error) {
diff --git a/src/pages/Clients.tsx b/src/pages/Clients.tsx
index b274d07..4258e1a 100644
--- a/src/pages/Clients.tsx
+++ b/src/pages/Clients.tsx
@@ -104,7 +104,6 @@ const dateFilterPresets = [
 ];
 
 const filterSelectClassName = "w-full h-9 bg-dark-input border border-dark-border text-dark-text text-sm rounded-lg px-3 focus:outline-none focus:border-brand-primary transition-colors cursor-pointer";
-const filterInputClassName = "w-full h-9 bg-dark-input border border-dark-border text-dark-text text-sm rounded-lg px-3 focus:outline-none focus:border-brand-primary transition-colors";
 
 const Clients = () => {
   const { dateRange, setDateRange } = useOutletContext<{ 
@@ -351,19 +350,6 @@ const Clients = () => {
     return [fallbackSeller, ...filterOptions.sellers];
   }, [filterOptions.sellers, metadataFilters.seller]);
 
-  const sellerSuggestions = useMemo(() => {
-    const suggestions = new Set<string>();
-
-    sellerOptions.forEach(seller => {
-      const label = getSellerOptionLabel(seller);
-      if (seller.name) suggestions.add(seller.name);
-      if (seller.id) suggestions.add(seller.id);
-      if (label) suggestions.add(label);
-    });
-
-    return [...suggestions].filter(Boolean);
-  }, [sellerOptions]);
-
   const activeMetadataFilters = useMemo(() => {
     const filters = [];
     const selectedSeller = sellerOptions.find(seller => seller.value === metadataFilters.seller);
@@ -529,19 +515,19 @@ const Clients = () => {
 
                   <label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">
                     Vendedor
-                    <input
-                      type="text"
-                      list="client-seller-filter-options"
+                    <select
                       value={metadataFilters.seller}
                       onChange={(event) => updateMetadataFilter('seller', event.target.value)}
-                      placeholder="Todos"
-                      className={`${filterInputClassName} mt-1`}
-                    />
-                    <datalist id="client-seller-filter-options">
-                      {sellerSuggestions.map(seller => (
-                        <option key={seller} value={seller} />
+                      className={`${filterSelectClassName} mt-1`}
+                    >
+                      <option value="">Todos</option>
+                      {!sellerOptions.length && (
+                        <option value="" disabled>Nenhum vendedor encontrado</option>
+                      )}
+                      {sellerOptions.map(seller => (
+                        <option key={seller.value} value={seller.value}>{getSellerOptionLabel(seller)}</option>
                       ))}
-                    </datalist>
+                    </select>
                   </label>
 
                   <label className="block text-xs font-bold uppercase tracking-wider text-dark-muted">