From 8474d3001b29bec21b6cb99ced6fa98231f97c23 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Tue, 21 Jan 2025 18:19:53 +0100
Subject: [PATCH] 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;
+  }
+}