Display privacy policy in the burger menu

src/app/app.component.html

@@ -49,6 +49,14 @@
           <a (click)="about()" clrDropdownItem
             ><cds-icon shape="help-info"></cds-icon> About</a
           >
+          <a
+            [href]="privacyPolicyLink"
+            *ngIf="privacyPolicyLink"
+            clrDropdownItem
+            target="_blank"
+          >
+            <cds-icon shape="pop-out"></cds-icon> {{ privacyPolicyLinkName }}
+          </a>
           <a (click)="logout()" clrDropdownItem
             ><cds-icon shape="logout"></cds-icon> Logout</a
           >

src/app/app.component.ts

@@ -72,6 +72,9 @@
     'Hobbyfarm Project': 'https://github.com/hobbyfarm/hobbyfarm',
   };
 
+  public privacyPolicyLink = '';
+  public privacyPolicyLinkName = '';
+
   public themes = themes;
   public motd = '';
 
@@ -153,12 +156,12 @@
     const addAccessCode = this.route.snapshot.params['accesscode'];
     if (addAccessCode) {
       this.userService.addAccessCode(addAccessCode).subscribe({
         next: (_s: ServerResponse) => {
           this.accesscodes.push(addAccessCode);
           this.setAccessCode(addAccessCode);
           this.doHomeAccessCode(addAccessCode);
         },
         error: (_s: ServerResponse) => {
           // failure
           this.doHomeAccessCodeError(addAccessCode);
         },
@@ -202,6 +205,16 @@
       .subscribe((typedInput: TypedInput) => {
         this.buttons = typedInput?.value ?? this.buttons;
       });
+
+    this.typedSettingsService
+      .list('public')
+      .subscribe((typedInputs: Map<string, TypedInput>) => {
+        this.privacyPolicyLink =
+          typedInputs.get('registration-privacy-policy-link')?.value ?? '';
+        this.privacyPolicyLinkName =
+          typedInputs.get('registration-privacy-policy-linkname')?.value ??
+          'Privacy Policy';
+      });
   }
 
   private processToken(token: string) {
@@ -335,7 +348,7 @@
 
   public doSaveSettings() {
     this.settingsService.update(this.settingsForm.value).subscribe({
       next: (_s: ServerResponse) => {
         this.settingsModalOpened = false;
         const theme: 'light' | 'dark' | 'system' =
           this.settingsForm.controls['theme'].value;
@@ -354,7 +367,7 @@
           }
         }
       },
       error: (_s: ServerResponse) => {
         setTimeout(() => (this.settingsModalOpened = false), 2000);
       },
     });