globuzma/brawlset
1
0
Fork 0
Code Issues Pull requests Projects 2 Releases Packages 1 Wiki Activity

Feat: Implementation of New UI (Bar, Homepage, Commander, BSets), Removing NGINX dependency, Dockerfile added

Browse source
This commit is contained in:
globuzma 2025-01-31 23:30:02 +01:00
parent 64a4c5fb87
commit 238b594b1e
31 changed files with 734 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/components/ui/card-group.tsx
View file

@ -21,18 +21,22 @@ interface CardGroupProps {
groupName: string,
cards: carte_from_stats[],
showPrice?: boolean,
showStats?: boolean
showStats?: boolean,
id?: string,
Icon?: any
}
const CardGroup = ({ className, groupName, cards, showPrice=true, showStats=true}: CardGroupProps) => {
const CardGroup = ({ className, groupName, cards, showPrice=true, showStats=true, id, Icon}: CardGroupProps) => {
return (
<div>
<h1>{groupName}</h1>
<div
className={cn(
"flex flex-row flex-wrap gap-4 p-8",
className
<div id={id} className={cn('flex flex-col w-full items-start',className)}>
<div className="flex items-center flex-row gap-2 mb-2">
{ Icon && (
<Icon className="h-6"/>
)}
<h1 className="text-3xl">{groupName}</h1>
</div>
<div
className="flex flex-row flex-wrap gap-4"
>
{cards.map((card: carte_from_stats) => (