Retreive about modal buttons from settings

hobbyfarm · Nov 22, 2023 · 3e483be · 3e483be
1 parent 559157a
commit 3e483be
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -101,10 +101,10 @@ <h3 class="modal-title">{{ aboutTitle }}</h3>
       <p class="about-body">
         {{ aboutBody }}
       </p>
-      <ng-container *ngFor="let button of buttons">
-        <a href="{{ button.url }}" target="_blank">
+      <ng-container *ngFor="let button of buttons  | keyvalue">
+        <a href="{{ button.value }}" target="_blank">
           <button class="btn btn-sm btn-link">
-            {{ button.title }}
+            {{ button.key }}
             <cds-icon shape="pop-out"></cds-icon>
           </button>
         </a>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -68,12 +68,9 @@ export class AppComponent implements OnInit {
   public aboutBody =
     this.Config.about?.body ||
     'HobbyFarm is lovingly crafted by the HobbyFarm team';
-  public buttons = this.Config.about?.buttons || [
-    {
-      title: 'Hobbyfarm Project',
-      url: 'https://github.com/hobbyfarm/hobbyfarm',
-    },
-  ];
+  public buttons = {
+    'Hobbyfarm Project': 'https://github.com/hobbyfarm/hobbyfarm',
+  };
 
   public themes = themes;
   public motd = '';
@@ -199,6 +196,12 @@ export class AppComponent implements OnInit {
       .subscribe((typedInput: TypedInput) => {
         this.motd = typedInput?.value ?? '';
       });
+
+    this.typedSettingsService
+      .get('user-ui', 'aboutmodal-buttons')
+      .subscribe((typedInput: TypedInput) => {
+        this.buttons = typedInput?.value ?? this.buttons;
+      });
   }
 
   private processToken(token: string) {