astral/buzz-sheet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : let fiter be inline of search bar in public dashboard

Browse Source
This commit is contained in:
gunshiz
2026-09-27 14:45:27 +07:00 Unverified
parent 12074ff562
commit cbfdeabfdd
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/public/structured-directory.tsx
+3 -1
View File
@@ -107,7 +107,8 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
} }
return ( return (
<div className="flex flex-col gap-8"> <div className="flex flex-col gap-8">
<InputGroup className="h-11 max-w-2xl"> <div className="flex flex-wrap items-center gap-2">
<InputGroup className="h-11 min-w-64 flex-1">
<InputGroupAddon> <InputGroupAddon>
<SearchIcon /> <SearchIcon />
</InputGroupAddon> </InputGroupAddon>
@@ -124,6 +125,7 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
<GuideFilter label="ดาว" value={rarity} options={rarities.map(String)} onChange={(value) => setParam("rarity", value)} /> <GuideFilter label="ดาว" value={rarity} options={rarities.map(String)} onChange={(value) => setParam("rarity", value)} />
<GuideFilter label="เรียงตาม" value={sort} options={["manual", "recent"]} optionLabels={{ manual: "แนะนำ", recent: "อัปเดตล่าสุด" }} includeAll={false} onChange={(value) => setParam("sort", value)} /> <GuideFilter label="เรียงตาม" value={sort} options={["manual", "recent"]} optionLabels={{ manual: "แนะนำ", recent: "อัปเดตล่าสุด" }} includeAll={false} onChange={(value) => setParam("sort", value)} />
</div> </div>
</div>
{filtered.length ? ( {filtered.length ? (
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">