WorkSimplon/brief-07-front
WorkSimplon/brief-07-front
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat(layout): add Wallet and Dashboard buttons

Browse Source 
Imported Link and Button components into layout.tsx, which were used to add Wallet and Dashboard navigational buttons to the header section. The buttons have been set with a 'light' variant and flex features for responsive design.
This commit is contained in:
Mathis H (Avnyr) 2024-06-20 14:57:03 +02:00
parent 4e0de3be06
commit 2c9fafd802
Signed by: Mathis
GPG Key ID: DD9E0666A747D126
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/layout.tsx
View File

@ -8,6 +8,8 @@ import { Providers } from "@/components/providers/providers";
import { ThemeProvider } from "@/components/providers/theme-provider";
import { Toaster } from "@/components/ui/toaster";
import type React from "react";
import Link from "next/link";
import {Button} from "@/components/ui/button";
export const metadata: Metadata = {
title: "YeloBit",
@ -28,7 +30,10 @@ export default function RootLayout({
<body className={"w-full min-h-screen flex flex-col items-center justify-between"}>
<Providers>
<Header>
<PrimaryNavigationMenu />
<div className={"flex flex-row flex-wrap md:flex-nowrap gap-2"}>
<Button asChild variant={'light'}><Link href={'/wallet'}>Wallet</Link></Button>
<Button asChild variant={'light'}><Link href={'/dashboard'}>Dashboard</Link></Button>
</div>
</Header>
{children}
<Toaster />