From 55c04b55335898cfdda2a46e09f341e0238f2b90 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Thu, 5 Dec 2024 09:06:51 -0800
Subject: [PATCH] [Electron] Allow force install on not supported device page
 (#1812)

* [Electron] Allow force install on not supported device page

* Update locales [skip ci]

---------

Co-authored-by: github-actions <github-actions@github.com>
---
 src/locales/en.json            |  4 +++-
 src/locales/ja.json            |  2 ++
 src/locales/ru.json            |  2 ++
 src/locales/zh.json            |  2 ++
 src/views/NotSupportedView.vue | 14 ++++++++++++++
 5 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 73e43ff8ad..40939d88d2 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -18,7 +18,9 @@
     "supportedDevices": {
       "macos": "MacOS (M1 or later)",
       "windows": "Windows (Nvidia GPU with CUDA support)"
-    }
+    },
+    "continue": "Continue",
+    "continueTooltip": "I am sure my device is supported"
   },
   "downloadGit": {
     "title": "Download git",
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 09933c50e0..b18260269e 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "キューにタスクがありません。",
   "noWorkflowsFound": "ワークフローが見つかりませんでした。",
   "notSupported": {
+    "continue": "続ける",
+    "continueTooltip": "私のデバイスはサポートされていると確信しています",
     "learnMore": "詳細を見る",
     "message": "以下のデバイスのみサポートされています:",
     "reportIssue": "問題を報告",
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 1819d78fd7..5f2344212a 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "В очереди нет задач.",
   "noWorkflowsFound": "Рабочие процессы не найдены.",
   "notSupported": {
+    "continue": "Продолжить",
+    "continueTooltip": "Я уверен, что мое устройство поддерживается",
     "learnMore": "Узнать больше",
     "message": "Поддерживаются только следующие устройства:",
     "reportIssue": "Сообщить о проблеме",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index bbdf3f47af..748d9fd8ea 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -196,6 +196,8 @@
   "noTasksFoundMessage": "队列中没有任务。",
   "noWorkflowsFound": "未找到工作流",
   "notSupported": {
+    "continue": "继续",
+    "continueTooltip": "我确定我的设备是受支持的",
     "learnMore": "了解更多",
     "message": "仅支持以下设备：",
     "reportIssue": "报告问题",
diff --git a/src/views/NotSupportedView.vue b/src/views/NotSupportedView.vue
index 3457742803..9ca5cad659 100644
--- a/src/views/NotSupportedView.vue
+++ b/src/views/NotSupportedView.vue
@@ -32,7 +32,15 @@
             :label="$t('notSupported.reportIssue')"
             icon="pi pi-flag"
             @click="reportIssue"
+            severity="secondary"
+          />
+          <Button
+            :label="$t('notSupported.continue')"
+            icon="pi pi-arrow-right"
+            iconPos="right"
+            @click="continueToInstall"
             severity="danger"
+            v-tooltip="$t('notSupported.continueTooltip')"
           />
         </div>
       </div>
@@ -51,6 +59,7 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
+import { useRouter } from 'vue-router'
 
 const openDocs = () => {
   window.open(
@@ -62,4 +71,9 @@ const openDocs = () => {
 const reportIssue = () => {
   window.open('https://forum.comfy.org/c/v1-feedback/', '_blank')
 }
+
+const router = useRouter()
+const continueToInstall = () => {
+  router.push('/install')
+}
 </script>