Initial

listify-client/src/app/account/account.component.html

@@ -0,0 +1,22 @@
+<section class="account-page">
+  <mat-card class="account-card" appearance="outlined">
+    <mat-card-header>
+      <mat-card-title>Willkommen, {{ auth.user()?.name || auth.user()?.email }}</mat-card-title>
+      <mat-card-subtitle>{{ auth.user()?.email }}</mat-card-subtitle>
+    </mat-card-header>
+
+    <mat-card-content>
+      <div class="status-row">
+        <mat-icon aria-hidden="true">verified_user</mat-icon>
+        <span>{{ auth.user()?.verified ? 'E-Mail verifiziert' : 'E-Mail nicht verifiziert' }}</span>
+      </div>
+    </mat-card-content>
+
+    <mat-card-actions align="end">
+      <button mat-stroked-button type="button" (click)="logout()">
+        <mat-icon aria-hidden="true">logout</mat-icon>
+        Logout
+      </button>
+    </mat-card-actions>
+  </mat-card>
+</section>