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

Feat: Add MTG cards to database

Browse source
This commit is contained in:
globuzma 2024-11-19 16:04:41 +01:00
parent ac3cf943f2
commit 16646dc939
8 changed files with 1057 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

140
app/components/ui/navigation-bar.tsx
View file

@ -1,13 +1,19 @@
'use client'
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
} from "@/components/ui/navigation-menu"
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuPortal,
DropdownMenuSeparator,
DropdownMenuShortcut,
DropdownMenuSub,
DropdownMenuSubContent,
DropdownMenuSubTrigger,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { IconUserFilled } from "@tabler/icons-react"
@ -22,27 +28,105 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
<div className="flex flex-row p-4 gap-4 w-full fixed top-0 left-0 bg-slate-700 items-center justify-between">
<div className="flex flex-row gap-4 items-center">
<a href="/">Brawl Set</a>
<NavigationMenu>
<NavigationMenuList>
<NavigationMenuItem>
<NavigationMenuTrigger>Cartes</NavigationMenuTrigger>
<NavigationMenuContent>
<NavigationMenuLink>Link</NavigationMenuLink>
</NavigationMenuContent>
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuTrigger>Commandant·es</NavigationMenuTrigger>
<NavigationMenuContent>
<ul>
<li>Commandant·es 1</li>
<li>Commandant·es 2</li>
<li>Commandant·es 3</li>
<li>Commandant·es 4</li>
</ul>
</NavigationMenuContent>
</NavigationMenuItem>
</NavigationMenuList>
</NavigationMenu>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline">Cartes</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
<DropdownMenuItem>
<span>Top cartes</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Cartes salées</span>
</DropdownMenuItem>
<DropdownMenuSub>
<DropdownMenuSubTrigger>
<span>Par couleurs</span>
</DropdownMenuSubTrigger>
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<span>Blanc</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Bleu</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Noir</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Rouge</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Vert</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Pas de couleurs</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Multicolor</span>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
</DropdownMenuSub>
<DropdownMenuSub>
<DropdownMenuSubTrigger>
<span>Par type</span>
</DropdownMenuSubTrigger>
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<span>Créatures</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Éphémères</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Rituels</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Équipements</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts de mana</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts utilitaires</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Enchantements</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Aura</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Planeswalker</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains utilitaires</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains ajusteurs</span>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
</DropdownMenuSub>
<DropdownMenuItem>
<span>Combos</span>
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
</div>
<div className="flex flex-row gap-4">
<Input placeholder="Rechercher des cartes" />