From 1ac6d6529fcde7e2bbf7290aa800589845e5ef2e Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 26 Nov 2024 14:22:05 -0800
Subject: [PATCH] Add empty workflows placeholder (#1712)

---
 src/components/sidebar/tabs/WorkflowsSidebarTab.vue | 8 ++++++++
 src/locales/en.ts                                   | 2 ++
 src/locales/ru.ts                                   | 2 ++
 src/locales/zh.ts                                   | 2 ++
 4 files changed, 14 insertions(+)

diff --git a/src/components/sidebar/tabs/WorkflowsSidebarTab.vue b/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
index 72e90e140..6a6263fc4 100644
--- a/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
+++ b/src/components/sidebar/tabs/WorkflowsSidebarTab.vue
@@ -95,11 +95,18 @@
               renderTreeNode(workflowsTree, WorkflowTreeType.Browse).children
             "
             v-model:expandedKeys="expandedKeys"
+            v-if="workflowStore.persistedWorkflows.length > 0"
           >
             <template #node="{ node }">
               <WorkflowTreeLeaf :node="node" />
             </template>
           </TreeExplorer>
+          <NoResultsPlaceholder
+            v-else
+            icon="pi pi-folder"
+            :title="$t('empty')"
+            :message="$t('noWorkflowsFound')"
+          />
         </div>
       </div>
       <div class="comfyui-workflows-search-panel" v-else>
@@ -120,6 +127,7 @@
 
 <script setup lang="ts">
 import SearchBox from '@/components/common/SearchBox.vue'
+import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
 import WorkflowTreeLeaf from '@/components/sidebar/tabs/workflows/WorkflowTreeLeaf.vue'
 import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
 import TreeExplorer from '@/components/common/TreeExplorer.vue'
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 0d898e09f..0e09a24c4 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -71,6 +71,8 @@ export default {
     revertChanges: 'Revert Changes',
     restart: 'Restart'
   },
+  empty: 'Empty',
+  noWorkflowsFound: 'No workflows found.',
   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.',
diff --git a/src/locales/ru.ts b/src/locales/ru.ts
index 459f1e284..abc9ddcbc 100644
--- a/src/locales/ru.ts
+++ b/src/locales/ru.ts
@@ -1,4 +1,6 @@
 export default {
+  empty: 'Пусто',
+  noWorkflowsFound: 'Рабочие процессы не найдены.',
   download: 'Скачать',
   refresh: 'Обновить',
   loadAllFolders: 'Загрузить все папки',
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index fc47e44d5..cae5199f1 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -1,4 +1,6 @@
 export default {
+  empty: '空',
+  noWorkflowsFound: '未找到工作流',
   firstTimeUIMessage:
     '这是您第一次使用新界面。选择“Menu > Use New Menu > Disabled”以恢复旧界面。',
   download: '下载',