Improve authentication page

LittleBigRefresh · Aug 5, 2023 · 8afbcda · 8afbcda
1 parent d1189b5
commit 8afbcda
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/src/app/components/link/link.component.html b/src/app/components/link/link.component.html
@@ -1 +1 @@
-<a class="text-primary hover:text-primary-hover cursor-pointer"><ng-content></ng-content></a>
+<a class="text-primary hover:text-primary-hover cursor-pointer"><ng-content></ng-content></a>
diff --git a/src/app/pages/authentication/authentication.component.html b/src/app/pages/authentication/authentication.component.html
@@ -1,5 +1,11 @@
-<page-header class="text-3xl">IP Verification Requests</page-header>
+<page-header class="text-3xl">Authentication</page-header>
+<divider></divider>
 
+<div class="flex">
+  <page-header class="text-2xl grow">IP Verification Requests</page-header>
+  <secondary-button class="float-right" text="Refresh" (click)="refresh()"></secondary-button>
+</div>
+<p-gentle *ngIf="requests?.length == 0">There doesn't seem to be anything here...</p-gentle>
 <div *ngFor="let request of requests" class="bg-form-background px-5 py-3.5 rounded-[11px] flex">
   <div class="w-full">
     <p class="text-xl font-bold">{{request.ipAddress}}</p>

diff --git a/src/app/pages/authentication/authentication.component.ts b/src/app/pages/authentication/authentication.component.ts
@@ -14,6 +14,10 @@ export class AuthenticationComponent implements OnInit {
   constructor(private apiClient: ApiClient) { }
 
   ngOnInit(): void {
+    this.refresh();
+  }
+
+  refresh() {
     this.apiClient.GetIpVerificationRequests()
       .subscribe(data => {
         if(data === undefined) return;

diff --git a/src/app/pages/settings/settings.component.html b/src/app/pages/settings/settings.component.html
@@ -1,5 +1,9 @@
 <page-header class="text-3xl">Profile Settings</page-header>
 
+<text-link routerLink="/authentication">Authentication</text-link>
+
+<divider></divider>
+
 <form-checkbox [icon]="faKey" name="Allow IP Authentication" [id]="allowIpId"></form-checkbox>
 <form-input [icon]="faPencil" name="Biography" [id]="descriptionId"></form-input>