SZUT/casino
SZUT/casino
Archived
3
1
Fork 0
Code Issues Pull requests 2 Releases 162 Packages 2 Wiki Activity Actions

feat(navbar): implement login/logout buttons based on state

Browse source
This commit is contained in:
Jan-Marlon Leibl 2025-02-12 12:51:55 +01:00
commit e5bd173be9
No known key found for this signature in database
GPG key ID: E7B6F77BF5EDB6F7
5 changed files with 57 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

42
frontend/src/app/shared/components/navbar/navbar.component.html
View file

@ -15,11 +15,22 @@
</div>
<div class="hidden md:flex items-center space-x-4">
<button
class="cursor-pointer px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Login
</button>
@if (!isLoggedIn) {
<button
(click)="login()"
class="cursor-pointer px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Login
</button>
}
@if (isLoggedIn) {
<button
(click)="logout()"
class="cursor-pointer px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Logout
</button>
}
</div>
<div class="md:hidden">
@ -67,11 +78,22 @@
>Games</a
>
<div class="pt-2 space-y-2">
<button
class="cursor-pointer w-full px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Login
</button>
@if (!isLoggedIn) {
<button
(click)="login()"
class="cursor-pointer w-full px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Login
</button>
}
@if (isLoggedIn) {
<button
(click)="logout()"
class="cursor-pointer w-full px-4 py-1.5 rounded bg-emerald-500 hover:bg-emerald-600 text-white text-sm font-medium transition-colors duration-200"
>
Logout
</button>
}
</div>
</div>
</div>