From 137746387d24014724909838589f02969efd0307 Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Wed, 20 Mar 2024 19:24:21 +0800
Subject: [PATCH] fix style

---
 web/app/components/workflow/panel/run-history.tsx | 15 +++++++++++++++
 .../workflow/panel/workflow-preview.tsx           |  2 +-
 web/i18n/en-US/workflow.ts                        |  1 +
 web/i18n/zh-Hans/workflow.ts                      |  1 +
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/panel/run-history.tsx b/web/app/components/workflow/panel/run-history.tsx
index 85f2fd62c0..ccc19a4769 100644
--- a/web/app/components/workflow/panel/run-history.tsx
+++ b/web/app/components/workflow/panel/run-history.tsx
@@ -17,6 +17,7 @@ import {
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { fetcChatRunHistory, fetchWorkflowRunHistory } from '@/service/workflow'
 import Loading from '@/app/components/base/loading'
+import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 
 const RunHistory = () => {
   const { t } = useTranslation()
@@ -62,6 +63,20 @@ const RunHistory = () => {
         )
       }
       <div className='grow p-2 overflow-y-auto'>
+        {
+          !data?.data.length && (
+            <div className='flex justify-center items-center h-full'>
+              <div>
+                <div className='flex justify-center mb-2'>
+                  <ClockPlay className='w-8 h-8 text-gray-300' />
+                </div>
+                <div className='text-center text-[13px] text-gray-400'>
+                  {t('workflow.common.notRunning')}
+                </div>
+              </div>
+            </div>
+          )
+        }
         {
           data?.data.map(item => (
             <div
diff --git a/web/app/components/workflow/panel/workflow-preview.tsx b/web/app/components/workflow/panel/workflow-preview.tsx
index f74be9550b..c9a9bdd13b 100644
--- a/web/app/components/workflow/panel/workflow-preview.tsx
+++ b/web/app/components/workflow/panel/workflow-preview.tsx
@@ -52,7 +52,7 @@ const WorkflowPreview = () => {
               elapsed_time={workflowRunningData?.result?.elapsed_time}
               total_tokens={workflowRunningData?.result?.total_tokens}
               created_at={workflowRunningData?.result?.created_at}
-              created_by={''}
+              created_by={(workflowRunningData?.result?.created_by as any)?.name}
               steps={workflowRunningData?.result?.total_steps}
             />
           )}
diff --git a/web/i18n/en-US/workflow.ts b/web/i18n/en-US/workflow.ts
index 5b8c3d8571..cbcbd6f3fc 100644
--- a/web/i18n/en-US/workflow.ts
+++ b/web/i18n/en-US/workflow.ts
@@ -29,6 +29,7 @@ const translation = {
     needConnecttip: 'This step is not connected to anything',
     maxTreeDepth: 'Maximum limit of {{depth}} nodes per branch',
     workflowProcess: 'Workflow Process',
+    notRunning: 'Not running yet',
   },
   errorMsg: {
     fieldRequired: '{{field}} is required',
diff --git a/web/i18n/zh-Hans/workflow.ts b/web/i18n/zh-Hans/workflow.ts
index 0d9fb0891d..30f2739f7c 100644
--- a/web/i18n/zh-Hans/workflow.ts
+++ b/web/i18n/zh-Hans/workflow.ts
@@ -29,6 +29,7 @@ const translation = {
     needConnecttip: '此节点尚未连接到其他节点',
     maxTreeDepth: '每个分支最大限制 {{depth}} 个节点',
     workflowProcess: '工作流',
+    notRunning: '尚未运行',
   },
   errorMsg: {
     fieldRequired: '{{field}} 不能为空',