From 9ea2327fa01a16b07f506c8165a05e34f00de1aa Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Mon, 12 Aug 2024 17:19:38 -0700
Subject: [PATCH] refactor: registration transfer check ineligible copy

---
 web/components/Registration/ReplaceCheck.vue | 29 ++++++++++++++------
 web/helpers/urls.ts                          |  5 ++++
 web/locales/en_US.json                       |  1 +
 web/store/replaceRenew.ts                    |  2 +-
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/web/components/Registration/ReplaceCheck.vue b/web/components/Registration/ReplaceCheck.vue
index 4c279f55e..bec1ac812 100644
--- a/web/components/Registration/ReplaceCheck.vue
+++ b/web/components/Registration/ReplaceCheck.vue
@@ -6,7 +6,7 @@ import {
 import { storeToRefs } from 'pinia';
 import type { ComposerTranslation } from 'vue-i18n';
 
-import { DOCS_REGISTRATION_REPLACE_KEY } from '~/helpers/urls';
+import { DOCS_REGISTRATION_REPLACE_KEY, UNRAID_NET_SUPPORT } from '~/helpers/urls';
 import { useReplaceRenewStore } from '~/store/replaceRenew';
 
 const replaceRenewStore = useReplaceRenewStore();
@@ -36,13 +36,24 @@ defineProps<{
       {{ t(replaceStatusOutput.text ?? 'Unknown') }}
     </UiBadge>
 
-    <BrandButton
-      btn-style="underline"
-      :external="true"
-      :href="DOCS_REGISTRATION_REPLACE_KEY.toString()"
-      :icon-right="ArrowTopRightOnSquareIcon"
-      :text="t('Learn More')"
-      class="text-14px"
-    />
+    <span class="inline-flex flex-wrap items-center justify-end gap-8px">
+      <BrandButton
+        btn-style="underline"
+        :external="true"
+        :href="DOCS_REGISTRATION_REPLACE_KEY.toString()"
+        :icon-right="ArrowTopRightOnSquareIcon"
+        :text="t('Learn More')"
+        class="text-14px"
+      />
+      <BrandButton
+        v-if="replaceStatusOutput?.text !== 'eligible' && replaceStatusOutput?.text !== 'checking'"
+        btn-style="underline"
+        :external="true"
+        :href="UNRAID_NET_SUPPORT.toString()"
+        :icon-right="ArrowTopRightOnSquareIcon"
+        :text="t('Contact Support')"
+        class="text-14px"
+      />
+    </span>
   </div>
 </template>
diff --git a/web/helpers/urls.ts b/web/helpers/urls.ts
index c26df8ef9..6d2de6382 100644
--- a/web/helpers/urls.ts
+++ b/web/helpers/urls.ts
@@ -11,6 +11,7 @@ const CONNECT_FORUMS = new URL('/forum/94-connect-plugin-support/', FORUMS);
 const CONTACT = new URL('/contact', UNRAID_NET);
 const DISCORD = new URL('https://discord.unraid.net');
 const PURCHASE_CALLBACK = new URL('/c', UNRAID_NET);
+const UNRAID_NET_SUPPORT = new URL('/support', UNRAID_NET);
 
 const WEBGUI = new URL(import.meta.env.VITE_WEBGUI ?? window.location.origin);
 const WEBGUI_GRAPHQL = new URL('/graphql', WEBGUI);
@@ -26,6 +27,8 @@ const DOCS_RELEASE_NOTES = new URL('/go/release-notes/', DOCS);
 const DOCS_REGISTRATION_LICENSING = new URL('/go/faq-licensing/', DOCS);
 const DOCS_REGISTRATION_REPLACE_KEY = new URL('/go/changing-the-flash-device/', DOCS);
 
+const SUPPORT = new URL('https://unraid.net');
+
 export {
   ACCOUNT,
   ACCOUNT_CALLBACK,
@@ -49,4 +52,6 @@ export {
   WEBGUI_TOOLS_DOWNGRADE,
   WEBGUI_TOOLS_REGISTRATION,
   WEBGUI_TOOLS_UPDATE,
+  SUPPORT,
+  UNRAID_NET_SUPPORT,
 };
diff --git a/web/locales/en_US.json b/web/locales/en_US.json
index b560f40f5..04f08e6d7 100644
--- a/web/locales/en_US.json
+++ b/web/locales/en_US.json
@@ -141,6 +141,7 @@
   "Ineligible for feature updates released after {0}": "Ineligible for feature updates released after {0}",
   "Ineligible for Unraid OS updates": "Ineligible for Unraid OS updates",
   "Ineligible": "Ineligible",
+  "Ineligible for self-replacement": "Ineligible for self-replacement",
   "Install Connect": "Install Connect",
   "Install Extended": "Install Extended",
   "Install Recovered": "Install Recovered",
diff --git a/web/store/replaceRenew.ts b/web/store/replaceRenew.ts
index 949f6ca34..10f799645 100644
--- a/web/store/replaceRenew.ts
+++ b/web/store/replaceRenew.ts
@@ -130,7 +130,7 @@ export const useReplaceRenewStore = defineStore('replaceRenewCheck', () => {
         return {
           color: 'red',
           icon: XCircleIcon,
-          text: 'Ineligible',
+          text: 'Ineligible for self-replacement',
         };
       case 'ready':
       default: