From 3ed4b158f3561e77b701e23a8e80a3d196f1c9ad Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Tue, 21 Jan 2025 17:47:52 +0100
Subject: [PATCH 1/4] style(confirmation-modal): update button styles in modal

---
 src/app/confirmation-modal/confirmation-modal.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/confirmation-modal/confirmation-modal.component.html b/src/app/confirmation-modal/confirmation-modal.component.html
index c294827..13635d0 100644
--- a/src/app/confirmation-modal/confirmation-modal.component.html
+++ b/src/app/confirmation-modal/confirmation-modal.component.html
@@ -1,6 +1,6 @@
 <h2 mat-dialog-title>{{ data.title }}</h2>
 <mat-dialog-content>{{ data.description }}</mat-dialog-content>
 <mat-dialog-actions>
+  <button [style.backgroundColor]="'#FFFFFF'" [style.color]="'#000000'" mat-stroked-button color="warn" (click)="accept()">Yes</button>
   <button mat-flat-button (click)="close()">No</button>
-  <button mat-flat-button color="warn" (click)="accept()">Yes</button>
 </mat-dialog-actions>

From fdfe92a23242532d2e1a56494b1fa4a97a38937e Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Tue, 21 Jan 2025 18:02:03 +0100
Subject: [PATCH 2/4] feat(options-menu): add xPosition to mat-menu component

---
 src/app/options-menu/options-menu.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/options-menu/options-menu.component.html b/src/app/options-menu/options-menu.component.html
index ca0b865..0469081 100644
--- a/src/app/options-menu/options-menu.component.html
+++ b/src/app/options-menu/options-menu.component.html
@@ -5,7 +5,7 @@
 >
   <mat-icon>more_vert</mat-icon>
 </button>
-<mat-menu #menu="matMenu">
+<mat-menu #menu="matMenu" xPosition="before">
   <button (click)="logout()" mat-menu-item>
     <mat-icon>logout</mat-icon>
     <span>Logout</span>

From 311fd89c7b1ffcafb7491c4c884a12ac1f2ea490 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Tue, 21 Jan 2025 18:19:53 +0100
Subject: [PATCH 3/4] feat(dashboard): add user greeting to dashboard component

---
 src/app/dashboard/dashboard.component.html |  1 +
 src/app/dashboard/dashboard.component.ts   |  8 ++++++--
 src/app/service/user.service.ts            | 14 ++++++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 src/app/service/user.service.ts

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index f989d96..21581f1 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,5 +1,6 @@
 <div class="mx-auto container">
   <app-navbar></app-navbar>
+  <h1>Hello {{user?.['name']}}!</h1>
   <div class="">
     <div class="flex flex-row">
       <button
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index 000f514..ef72234 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
 import { LinkService } from '../service/link.service';
-import { RecordModel } from 'pocketbase';
 import { NavbarComponent } from '../navbar/navbar.component';
 import { Router, RouterLink } from '@angular/router';
 import { MatRow, MatTableModule } from '@angular/material/table';
@@ -11,7 +10,8 @@ import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { ConfirmationModalComponent } from '../confirmation-modal/confirmation-modal.component';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { OptionsMenuComponent } from '../options-menu/options-menu.component';
-import { LogoutService } from '../service/logout.service';
+import { UserService } from '../service/user.service';
+import { AuthRecord } from 'pocketbase';
 
 @Component({
   selector: 'app-dashboard',
@@ -28,12 +28,14 @@ import { LogoutService } from '../service/logout.service';
 export class DashboardComponent {
   public links: Link[] = [];
   displayedColumns: string[] = ['id', 'name', 'link', 'shortLink', 'actions'];
+  public user!: AuthRecord;
 
   constructor(
     private linkService: LinkService,
     private router: Router,
     private dialog: MatDialog,
     private snackBar: MatSnackBar,
+    private userService: UserService,
   ) {}
 
   copyLink(id: string) {
@@ -65,6 +67,8 @@ export class DashboardComponent {
     this.linkService.getLinks().then((links) => {
       this.links = links;
     });
+
+    this.user = this.userService.getUser();
   }
 
   createLink() {
diff --git a/src/app/service/user.service.ts b/src/app/service/user.service.ts
new file mode 100644
index 0000000..ad6a555
--- /dev/null
+++ b/src/app/service/user.service.ts
@@ -0,0 +1,14 @@
+import { Injectable } from "@angular/core";
+import PocketBase, { AuthRecord } from 'pocketbase';
+import { environment } from "../../environments/environment";
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UserService {
+  private pb = new PocketBase(environment.POCKETBASE);
+
+  getUser(): AuthRecord {
+    return this.pb.authStore.record;
+  }
+}

From 76bc0c52a7414c8fb20e7c9b5fdde9fb5644e306 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Tue, 21 Jan 2025 18:24:28 +0100
Subject: [PATCH 4/4] style(create-link): update button styles in HTML template

---
 src/app/create-link/create-link.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/create-link/create-link.component.html b/src/app/create-link/create-link.component.html
index 7ac87ea..304eb92 100644
--- a/src/app/create-link/create-link.component.html
+++ b/src/app/create-link/create-link.component.html
@@ -1,6 +1,6 @@
 <div class="mx-auto container">
   <app-navbar></app-navbar>
-  <button mat-flat-button class="mt-3" color="warn" (click)="back()">
+  <button [style.backgroundColor]="'#FFFFFF'" [style.color]="'#000000'" mat-stroked-button class="mt-3" color="warn" (click)="back()">
     Back
   </button>
   <mat-card class="mt-3 p-3" appearance="outlined">