You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@devlake.apache.org by li...@apache.org on 2023/01/10 03:48:10 UTC
[incubator-devlake] branch main updated: refactor(config-ui): optimize the operation in blueprint detail (#4168)
This is an automated email from the ASF dual-hosted git repository.
likyh pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git
The following commit(s) were added to refs/heads/main by this push:
new e7aa31093 refactor(config-ui): optimize the operation in blueprint detail (#4168)
e7aa31093 is described below
commit e7aa3109361a81183a2ad83d09f37990853f86be
Author: 青湛 <0x...@gmail.com>
AuthorDate: Tue Jan 10 11:48:05 2023 +0800
refactor(config-ui): optimize the operation in blueprint detail (#4168)
---
config-ui/src/pages/blueprint/detail/panel/configuration.tsx | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/config-ui/src/pages/blueprint/detail/panel/configuration.tsx b/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
index a60f405c8..883c19c04 100644
--- a/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
+++ b/config-ui/src/pages/blueprint/detail/panel/configuration.tsx
@@ -17,6 +17,7 @@
*/
import React, { useState, useEffect, useMemo } from 'react';
+import { useHistory } from 'react-router-dom';
import { Icon, Button, Switch, Colors, Intent } from '@blueprintjs/core';
import dayjs from 'dayjs';
@@ -47,6 +48,8 @@ export const Configuration = ({ blueprint, operating, onUpdate, onRefresh }: Pro
const [curConnection, setCurConnection] = useState<ConfigConnectionItemType>();
const [rawPlan, setRawPlan] = useState('');
+ const history = useHistory();
+
useEffect(() => {
setRawPlan(JSON.stringify(blueprint.plan, null, ' '));
}, [blueprint]);
@@ -169,7 +172,7 @@ export const Configuration = ({ blueprint, operating, onUpdate, onRefresh }: Pro
setCurConnection(row);
}}
>
- <Icon icon="annotation" color={Colors.BLUE2} />
+ <Icon icon="add" color={Colors.BLUE2} />
<span>Add Data Scope</span>
</div>
<div
@@ -180,7 +183,11 @@ export const Configuration = ({ blueprint, operating, onUpdate, onRefresh }: Pro
}}
>
<Icon icon="annotation" color={Colors.BLUE2} />
- <span>Edit Transformation</span>
+ <span>Re-apply Transformation</span>
+ </div>
+ <div className="item" onClick={() => history.push('/transformations')}>
+ <Icon icon="cog" color={Colors.BLUE2} />
+ <span>Manage Transformations</span>
</div>
</S.ActionColumn>
),