gib/GibSend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui-fix topbar (#245)

Browse Source
This commit is contained in:
Ashin T V
2025-09-21 01:51:38 +05:30
committed by GitHub
parent cb79be68c7
commit c6405b47d2
1 changed files with 29 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
apps/web/src/app/(dashboard)/dashboard/dashboard-filters.tsx
View File

@@ -29,34 +29,33 @@ export default function DashboardFilters({
}; };
return ( return (
<div className="flex gap-3"> <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
<Select <Select value={domain ?? "All Domains"} onValueChange={(val) => handleDomain(val)}>
value={domain ?? "All Domains"} <SelectTrigger className="w-full sm:w-[180px]">
onValueChange={(val) => handleDomain(val)} {domain ? domainsQuery?.find((d) => d.id === Number(domain))?.name : "All Domains"}
> </SelectTrigger>
<SelectTrigger className="w-[180px]"> <SelectContent>
{domain <SelectItem value="All Domains" className="capitalize">
? domainsQuery?.find((d) => d.id === Number(domain))?.name All Domains
: "All Domains"} </SelectItem>
</SelectTrigger> {domainsQuery &&
<SelectContent> domainsQuery.map((domain) => (
<SelectItem value="All Domains" className="capitalize"> <SelectItem key={domain.id} value={domain.id.toString()}>
All Domains {domain.name}
</SelectItem> </SelectItem>
{domainsQuery && ))}
domainsQuery.map((domain) => ( </SelectContent>
<SelectItem key={domain.id} value={domain.id.toString()}> </Select>
{domain.name} <Tabs value={days || "7"} onValueChange={(value) => setDays(value)}>
</SelectItem> <TabsList className="w-full sm:w-auto">
))} <TabsTrigger value="7" className="flex-1 sm:flex-none">
</SelectContent> 7 Days
</Select> </TabsTrigger>
<Tabs value={days || "7"} onValueChange={(value) => setDays(value)}> <TabsTrigger value="30" className="flex-1 sm:flex-none">
<TabsList> 30 Days
<TabsTrigger value="7">7 Days</TabsTrigger> </TabsTrigger>
<TabsTrigger value="30">30 Days</TabsTrigger> </TabsList>
</TabsList> </Tabs>
</Tabs> </div>
</div> );
);
} }