From 4f2b237f5fdc30e3910efef273d7a47974563e47 Mon Sep 17 00:00:00 2001
From: Matt Hill <MattDHill@users.noreply.github.com>
Date: Wed, 9 Feb 2022 15:40:13 -0700
Subject: [PATCH] add buttons to Embassy tab for support (#1187)

---
 .../projects/ui/src/app/app.component.html    |  4 +-
 .../server-show/server-show.page.ts           | 88 ++++++++++++-------
 2 files changed, 61 insertions(+), 31 deletions(-)

diff --git a/frontend/projects/ui/src/app/app.component.html b/frontend/projects/ui/src/app/app.component.html
index 3bb9f6185..5c5419de8 100644
--- a/frontend/projects/ui/src/app/app.component.html
+++ b/frontend/projects/ui/src/app/app.component.html
@@ -49,6 +49,7 @@
                   <ion-icon
                     *ngIf="eosService.updateAvailable$ | async"
                     color="success"
+                    size="small"
                     name="rocket-outline"
                   ></ion-icon>
                 </ng-container>
@@ -111,6 +112,7 @@
       <ion-icon name="briefcase-outline"></ion-icon>
       <ion-icon name="bookmark-outline"></ion-icon>
       <ion-icon name="cellular-outline"></ion-icon>
+      <ion-icon name="chatbubbles-outline"></ion-icon>
       <ion-icon name="checkmark"></ion-icon>
       <ion-icon name="chevron-down"></ion-icon>
       <ion-icon name="chevron-up"></ion-icon>
@@ -148,7 +150,7 @@
       <ion-icon name="lock-closed-outline"></ion-icon>
       <ion-icon name="logo-bitcoin"></ion-icon>
       <ion-icon name="mail-outline"></ion-icon>
-      <ion-icon name="medkit-outline"></ion-icon>
+      <ion-icon name="map-outline"></ion-icon>
       <ion-icon name="newspaper-outline"></ion-icon>
       <ion-icon name="notifications-outline"></ion-icon>
       <ion-icon name="options-outline"></ion-icon>
diff --git a/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts b/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts
index f95b81894..3c216a57f 100644
--- a/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts
@@ -242,7 +242,7 @@ export class ServerShowPage {
           ),
       },
     ],
-    Insights: [
+    Settings: [
       {
         title: 'Software Update',
         description: 'Get the latest version of EmbassyOS',
@@ -254,35 +254,6 @@ export class ServerShowPage {
         detail: false,
         disabled: of(false),
       },
-      {
-        title: 'About',
-        description: 'Basic information about your Embassy',
-        icon: 'information-circle-outline',
-        action: () =>
-          this.navCtrl.navigateForward(['specs'], { relativeTo: this.route }),
-        detail: true,
-        disabled: of(false),
-      },
-      {
-        title: 'Monitor',
-        description: 'CPU, disk, memory, and other useful metrics',
-        icon: 'pulse',
-        action: () =>
-          this.navCtrl.navigateForward(['metrics'], { relativeTo: this.route }),
-        detail: true,
-        disabled: of(false),
-      },
-      {
-        title: 'Logs',
-        description: 'Raw, unfiltered device logs',
-        icon: 'newspaper-outline',
-        action: () =>
-          this.navCtrl.navigateForward(['logs'], { relativeTo: this.route }),
-        detail: true,
-        disabled: of(false),
-      },
-    ],
-    Settings: [
       {
         title: 'Preferences',
         description: 'Device name, background tasks',
@@ -332,6 +303,26 @@ export class ServerShowPage {
         detail: true,
         disabled: of(false),
       },
+    ],
+    Insights: [
+      {
+        title: 'About',
+        description: 'Basic information about your Embassy',
+        icon: 'information-circle-outline',
+        action: () =>
+          this.navCtrl.navigateForward(['specs'], { relativeTo: this.route }),
+        detail: true,
+        disabled: of(false),
+      },
+      {
+        title: 'Monitor',
+        description: 'CPU, disk, memory, and other useful metrics',
+        icon: 'pulse',
+        action: () =>
+          this.navCtrl.navigateForward(['metrics'], { relativeTo: this.route }),
+        detail: true,
+        disabled: of(false),
+      },
       {
         title: 'Active Sessions',
         description: 'View and manage device access',
@@ -343,6 +334,43 @@ export class ServerShowPage {
         detail: true,
         disabled: of(false),
       },
+      {
+        title: 'Logs',
+        description: 'Raw, unfiltered device logs',
+        icon: 'newspaper-outline',
+        action: () =>
+          this.navCtrl.navigateForward(['logs'], { relativeTo: this.route }),
+        detail: true,
+        disabled: of(false),
+      },
+    ],
+    Support: [
+      {
+        title: 'User Manual',
+        description: 'View the Embassy user manual and FAQ',
+        icon: 'map-outline',
+        action: () =>
+          window.open(
+            'https://docs.start9.com/user-manual/',
+            '_blank',
+            'noreferrer',
+          ),
+        detail: true,
+        disabled: of(false),
+      },
+      {
+        title: 'Contact Support',
+        description: 'Get help from the Start9 team and community',
+        icon: 'chatbubbles-outline',
+        action: () =>
+          window.open(
+            'https://docs.start9.com/support/contact/',
+            '_blank',
+            'noreferrer',
+          ),
+        detail: true,
+        disabled: of(false),
+      },
     ],
     Power: [
       {