From e53bafbca643e9ce066dcf35e56d9e89efca9bc0 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Sun, 24 Nov 2024 17:16:39 -0800
Subject: [PATCH] [Electron] Add custom node migration placeholder (#1670)

---
 src/components/install/MigrationPicker.vue | 13 +++++++++++++
 src/i18n.ts                                |  6 +++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/install/MigrationPicker.vue b/src/components/install/MigrationPicker.vue
index abea9af56..c17800f52 100644
--- a/src/components/install/MigrationPicker.vue
+++ b/src/components/install/MigrationPicker.vue
@@ -57,6 +57,18 @@
             </p>
           </div>
         </div>
+        <div class="flex items-center gap-3 p-2 rounded cursor-not-allowed">
+          <Checkbox disabled :binary="true" />
+          <div>
+            <label class="text-neutral-200 font-medium">
+              {{ $t('install.customNodes') }}
+              <Tag severity="secondary"> {{ $t('comingSoon') }}... </Tag>
+            </label>
+            <p class="text-sm text-neutral-400 my-1">
+              {{ $t('install.customNodesDescription') }}
+            </p>
+          </div>
+        </div>
       </div>
     </div>
 
@@ -70,6 +82,7 @@
 <script setup lang="ts">
 import { ref, computed, watchEffect } from 'vue'
 import { electronAPI } from '@/utils/envUtil'
+import Tag from 'primevue/tag'
 import InputText from 'primevue/inputtext'
 import Button from 'primevue/button'
 import Checkbox from 'primevue/checkbox'
diff --git a/src/i18n.ts b/src/i18n.ts
index 0c40b2e23..a85ade05c 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -51,7 +51,10 @@ const messages = {
           workflowContents: 'Workflow contents',
           customNodeConfigurations: 'Custom node configurations'
         }
-      }
+      },
+      customNodes: 'Custom Nodes',
+      customNodesDescription:
+        'Reference custom node files from existing ComfyUI installations and install their dependencies.'
     },
     serverStart: {
       reinstall: 'Reinstall',
@@ -71,6 +74,7 @@ const messages = {
       revertChanges: 'Revert Changes',
       restart: 'Restart'
     },
+    comingSoon: 'Coming Soon',
     firstTimeUIMessage:
       'This is the first time you use the new UI. Choose "Menu > Use New Menu > Disabled" to restore the old UI.',
     download: 'Download',