From c465f0c4270f22913051ed8bc2260f8f93628481 Mon Sep 17 00:00:00 2001 From: Junyi Date: Sun, 13 Nov 2022 18:12:56 +0800 Subject: [PATCH] refactor(plugin-workflow): adjust style (#1079) --- .../workflow/src/client/ExecutionCanvas.tsx | 29 +++++++++-------- .../workflow/src/client/FlowContext.ts | 2 +- .../workflow/src/client/WorkflowCanvas.tsx | 31 ++++++++++++------- .../plugins/workflow/src/client/style.tsx | 14 ++++----- .../workflow/src/client/triggers/index.tsx | 8 ++--- 5 files changed, 45 insertions(+), 39 deletions(-) diff --git a/packages/plugins/workflow/src/client/ExecutionCanvas.tsx b/packages/plugins/workflow/src/client/ExecutionCanvas.tsx index 322f9c2eb..cb2b54a45 100644 --- a/packages/plugins/workflow/src/client/ExecutionCanvas.tsx +++ b/packages/plugins/workflow/src/client/ExecutionCanvas.tsx @@ -1,7 +1,6 @@ import React, { useEffect } from 'react'; -import { Tag } from 'antd'; +import { Tag, Breadcrumb } from 'antd'; import { cx } from '@emotion/css'; -import { useTranslation } from 'react-i18next'; import { Link } from 'react-router-dom'; import { @@ -21,7 +20,7 @@ import { lang } from './locale'; -function makeNodes(nodes, jobs = []): void { +function makeNodes(nodes, jobs: any[] = []): void { const nodesMap = new Map(); nodes.forEach(item => nodesMap.set(item.id, item)); const jobsMap = new Map(); @@ -47,7 +46,7 @@ export function ExecutionCanvas() { const { setTitle } = useDocumentTitle(); useEffect(() => { const { workflow } = data?.data ?? {}; - setTitle(`${workflow?.title ? `${workflow.title} - ` : ''}${lang('Execution history')}`); + setTitle?.(`${workflow?.title ? `${workflow.title} - ` : ''}${lang('Execution history')}`); }, [data?.data]); if (!data?.data) { @@ -78,17 +77,17 @@ export function ExecutionCanvas() { }}>
- - - {lang('Workflow')} - - - - - {workflow.title} - - - {`#${execution.id}`} + + + {lang('Workflow')} + + + {workflow.title} + + + {`#${execution.id}`} + +