AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-43ca1d25727a43cb93fd953bf0d5a849

Browse source 
cgen-43ca1d25727a43cb93fd953bf0d5a849
This commit is contained in:
Builder.io 2025-11-13 07:16:53 +00:00
parent 3421482830
commit 44f3537613
1 changed files with 26 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
client/pages/Feed.tsx
View file

@ -474,30 +474,32 @@ export default function Feed() {
))} ))}
</div> </div>
<div className="flex flex-wrap items-center gap-2"> <div className="overflow-x-auto scrollbar-hide">
{ARMS.map((arm) => ( <div className="flex items-center gap-2 pb-2 min-w-min">
<Button {ARMS.map((arm) => (
key={arm.id} <Button
variant={selectedArms.includes(arm.id) ? "default" : "outline"} key={arm.id}
size="sm" variant={selectedArms.includes(arm.id) ? "default" : "outline"}
onClick={() => size="sm"
setSelectedArms((prev) => onClick={() =>
prev.includes(arm.id) setSelectedArms((prev) =>
? prev.filter((a) => a !== arm.id) prev.includes(arm.id)
: [...prev, arm.id], ? prev.filter((a) => a !== arm.id)
) : [...prev, arm.id],
} )
className={cn( }
"flex items-center gap-2 rounded-full border-border/50 px-3 py-1.5 text-xs sm:text-sm", className={cn(
selectedArms.includes(arm.id) "flex items-center gap-1 sm:gap-2 rounded-full border-border/50 px-2.5 sm:px-3 py-1.5 text-xs whitespace-nowrap flex-shrink-0",
? "bg-gradient-to-r from-aethex-600 to-neon-blue text-white shadow-md" selectedArms.includes(arm.id)
: "bg-background/60 text-muted-foreground backdrop-blur hover:border-border", ? "bg-gradient-to-r from-aethex-600 to-neon-blue text-white shadow-md"
)} : "bg-background/60 text-muted-foreground backdrop-blur hover:border-border",
> )}
<arm.icon className={cn("h-3.5 w-3.5", arm.color)} /> >
<span className="font-medium">{arm.label}</span> <arm.icon className={cn("h-3 sm:h-3.5 w-3 sm:w-3.5", arm.color)} />
</Button> <span className="font-medium hidden sm:inline">{arm.label}</span>
))} </Button>
))}
</div>
</div> </div>
</div> </div>
</div> </div>