blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore seller dropdown filter
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 46s
Details

Browse Source
This commit is contained in:
Cauê Faleiros
2026-06-24 11:42:30 -03:00
parent aeb801c0ba
commit b40f6fa23f
2 changed files with 11 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/Clients.tsx
View File

@@ -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">