From d1b159681883e4adbae996500325d3c4dd6a319e Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Tue, 25 Jul 2023 16:27:39 -0700
Subject: [PATCH] refactor: download logs component copy for translations

---
 components/DownloadApiLogs.ce.vue | 41 ++++++++++++++++++++++---------
 helpers/urls.ts                   |  4 +++
 2 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/components/DownloadApiLogs.ce.vue b/components/DownloadApiLogs.ce.vue
index f2453fe9b..360ce1cff 100644
--- a/components/DownloadApiLogs.ce.vue
+++ b/components/DownloadApiLogs.ce.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
-import { ArrowDownTrayIcon } from '@heroicons/vue/24/solid';
-import { DEV_GRAPH_URL } from '~/helpers/urls';
+import { ArrowDownTrayIcon, ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
+import { DEV_GRAPH_URL, CONNECT_FORUMS, CONTACT, DISCORD } from '~/helpers/urls';
 import { useServerStore } from '~/store/server';
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
@@ -14,17 +14,34 @@ const downloadUrl = computed(() => new URL(`/graphql/api/logs?apiKey=${apiKey.va
 <template>
   <div class="whitespace-normal flex flex-col gap-y-16px max-w-3xl">
     <span class="leading-8">
-      The primary method of support for Unraid Connect is through <a href="https://forums.unraid.net/forum/94-connect-plugin-support/" target="_blank" rel="noopener noreferrer">our forums</a> and <a href="https://discord.gg/unraid" target="_blank" rel="noopener noreferrer">Discord</a>. If you are asked to supply logs, please open a support request on our <a href="https://unraid.net/contact" target="_blank" rel="noopener noreferrer">Contact Page</a> and reply to the email message you receive with your logs attached. The logs may contain sensitive information so do not post them publicly.
+      The primary method of support for Unraid Connect is through our forums and Discord. If you are asked to supply logs, please open a support request on our Contact Page and reply to the email message you receive with your logs attached. The logs may contain sensitive information so do not post them publicly.
     </span>
-    <span class="flex">
-      <BrandButton
-        class="grow-0"
-        download
-        :external="true"
-        :href="downloadUrl.toString()"
-        :icon="ArrowDownTrayIcon"
-        :text="'Download unraid-api Logs'"
-      />
+    <span class="flex flex-col gap-y-16px">
+      <div class="flex">
+        <BrandButton
+          class="grow-0 shrink-0"
+          download
+          :external="true"
+          :href="downloadUrl.toString()"
+          :icon="ArrowDownTrayIcon"
+          :text="'Download unraid-api Logs'"
+        />
+      </div>
+
+      <div class="flex flex-row items-baseline gap-8px">
+        <a :href="CONNECT_FORUMS" target="_blank" rel="noopener noreferrer" class="text-[#486dba] hover:text-[#3b5ea9] focus:text-[#3b5ea9] hover:underline focus:underline inline-flex flex-row items-center justify-start gap-8px">
+          Unraid Connect Forums
+          <ArrowTopRightOnSquareIcon class="w-16px" />
+        </a>
+        <a :href="DISCORD" target="_blank" rel="noopener noreferrer" class="text-[#486dba] hover:text-[#3b5ea9] focus:text-[#3b5ea9] hover:underline focus:underline inline-flex flex-row items-center justify-start gap-8px">
+          Unraid Discord
+          <ArrowTopRightOnSquareIcon class="w-16px" />
+        </a>
+        <a :href="CONTACT" target="_blank" rel="noopener noreferrer" class="text-[#486dba] hover:text-[#3b5ea9] focus:text-[#3b5ea9] hover:underline focus:underline inline-flex flex-row items-center justify-start gap-8px">
+          Unraid Contact Page
+          <ArrowTopRightOnSquareIcon class="w-16px" />
+        </a>
+      </div>
     </span>
   </div>
 </template>
diff --git a/helpers/urls.ts b/helpers/urls.ts
index e2da754b6..8ff7f64dc 100644
--- a/helpers/urls.ts
+++ b/helpers/urls.ts
@@ -5,7 +5,9 @@ const ACCOUNT = 'https://localhost:8008';
 const CONNECT_DOCS = 'https://docs.unraid.net/category/unraid-connect';
 const CONNECT_DASHBOARD = 'https://connect.myunraid.net';
 const CONNECT_FORUMS = 'https://forums.unraid.net/forum/94-connect-plugin-support/';
+const CONTACT = 'https://unraid.net/contact';
 const DEV_GRAPH_URL = '';
+const DISCORD = 'https://discord.gg/unraid';
 const PURCHASE = 'https://unraid.ddev.site/callback';
 
 const SETTINGS_MANAGMENT_ACCESS = '/Settings/ManagementAccess';
@@ -16,7 +18,9 @@ export {
   CONNECT_DASHBOARD,
   CONNECT_DOCS,
   CONNECT_FORUMS,
+  CONTACT,
   DEV_GRAPH_URL,
+  DISCORD,
   PURCHASE,
   PLUGIN_SETTINGS,
   SETTINGS_MANAGMENT_ACCESS,