From edb9f7ba0f788a2d2c292bc3d3d99b9dead55b19 Mon Sep 17 00:00:00 2001
From: Rob B <computerguy440+gh@gmail.com>
Date: Sun, 11 Aug 2024 00:03:22 -0500
Subject: [PATCH] Help link in the Server Manager popup (#211)

---
 .../src/lib/components/modals/ServerManager.svelte   | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/modals/ServerManager.svelte b/frontend/src/lib/components/modals/ServerManager.svelte
index 4e7a6827..9efced7f 100644
--- a/frontend/src/lib/components/modals/ServerManager.svelte
+++ b/frontend/src/lib/components/modals/ServerManager.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { mdiAlert, mdiEyeOffOutline, mdiEyeOutline, mdiLoading, mdiServerNetwork, mdiTrashCan } from '@mdi/js';
+  import { mdiAlert, mdiEyeOffOutline, mdiEyeOutline, mdiLoading, mdiServerNetwork, mdiTrashCan, mdiWeb } from '@mdi/js';
   import { getTranslate } from '@tolgee/svelte';
   import _ from 'lodash';
 
@@ -12,6 +12,7 @@
   import { installsMetadata, remoteServers } from '$lib/store/ficsitCLIStore';
   import { AddRemoteServer, FetchRemoteServerMetadata, GetNextRemoteLauncherName, RemoveRemoteServer } from '$wailsjs/go/ficsitcli/ficsitCLI';
   import { ficsitcli } from '$wailsjs/go/models';
+  import { BrowserOpenURL } from '$wailsjs/runtime/runtime';
 
   export let parent: { onClose: () => void };
   
@@ -173,6 +174,15 @@
   <header class="card-header font-bold text-2xl text-center">
     <T defaultValue="Dedicated Servers" keyName="server-manager.title" />
   </header>
+  <section class="p-4 flex-auto space-y-4 overflow-y-auto flex">
+    <button class="btn flex-auto h-12 text-sm bg-surface-200-700-token" on:click={() => BrowserOpenURL('https://docs.ficsit.app/satisfactory-modding/latest/ForUsers/DedicatedServerSetup.html')}>
+      <T defaultValue="Get help connecting to servers" keyName="server-manager.get-help" />
+      <div class="grow" />
+      <SvgIcon
+        class="h-5 w-5"
+        icon={mdiWeb} />
+    </button>
+  </section>
   <section class="p-4 flex-auto space-y-4 overflow-y-auto flex">
     <div class="flex-auto w-full overflow-x-auto overflow-y-auto">
       <table class="table">