Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-30 10:19:37 +02:00
Code Issues Releases Activity

Add info icon to Navbar and create User Page

Browse source
This commit is contained in:
Sean Morley 2024-04-10 22:11:44 +00:00
parent f7fc46caac
commit 226158da6d
4 changed files with 27 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/lib/components/Navbar.svelte
View file

@ -7,6 +7,7 @@
import UserAvatar from "./UserAvatar.svelte";
import { onMount } from "svelte";
import InfoModal from "./InfoModal.svelte";
import infoIcon from "$lib/assets/info.svg";
async function goHome() {
goto("/");
}
@ -80,17 +81,15 @@
<InfoModal on:close={closeModal} />
{/if}
<div class="navbar-end flex justify-around md:justify-end mr-4">
<button class="btn btn-primary" on:click={showModal}>Info</button>
{#if !user}
<button class="btn btn-primary ml-4" on:click={toToLogin}>Login</button>
<button class="btn btn-primary ml-4" on:click={toToSignup}>Signup</button>
{/if}
{#if user}
<p>Adventures: {count}</p>
<UserAvatar {user} />
<form method="post" action="/" use:enhance>
<button class="btn btn-primary ml-4">Logout</button>
</form>
{/if}
<button class="btn btn-neutral ml-4" on:click={showModal}>About</button>
</div>
</div>