renati/music-repo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add home page link to header

Browse Source
This commit is contained in:
Szymon Nowakowski
2024-11-30 10:04:26 +01:00
parent 5570f8781c
commit 570629737e
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/routes/Root.tsx
View File

@@ -1,5 +1,5 @@
import { useEffect } from "react"; import { useEffect } from "react";
import { Outlet, useNavigate } from "react-router-dom"; import { Link, Outlet, useNavigate } from "react-router-dom";
import { client } from "../client"; import { client } from "../client";
import { useStore } from "../store"; import { useStore } from "../store";
import { Button } from "../styled/Button"; import { Button } from "../styled/Button";
@@ -49,9 +49,14 @@ export function Root() {
<div className="w-full h-full overflow-hidden flex flex-col items-stretch"> <div className="w-full h-full overflow-hidden flex flex-col items-stretch">
<div className="flex p-4 justify-between items-baseline"> <div className="flex p-4 justify-between items-baseline">
<div> <div>
Użytkownik: {user.username} (<span className="font-mono text-sm">{user.userId}</span>) <Link className="underline" to="/">
Repozytorium muzyczne
</Link>
</div> </div>
<div> <div className="flex items-baseline gap-4">
<div>
{user.username}
</div>
<Button type="button" onClick={onLogoutClick}> <Button type="button" onClick={onLogoutClick}>
Wyloguj się Wyloguj się
</Button> </Button>