(incubator-devlake) branch feat-dora-config updated: fix: some style for github transformation cicd

[mintsweet]

This is an automated email from the ASF dual-hosted git repository.

mintsweet pushed a commit to branch feat-dora-config
in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git


The following commit(s) were added to refs/heads/feat-dora-config by this push:
     new b4269e591 fix: some style for github transformation cicd
b4269e591 is described below

commit b4269e591bf9eae0b285b851b0f70184b17e803f
Author: mintsweet <0x1304...@gmail.com>
AuthorDate: Fri Sep 13 11:56:37 2024 +1200

    fix: some style for github transformation cicd
---
 config-ui/src/plugins/components/deployments/index.tsx   | 9 +++++----
 config-ui/src/plugins/register/github/transformation.tsx | 3 ++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/config-ui/src/plugins/components/deployments/index.tsx 
b/config-ui/src/plugins/components/deployments/index.tsx
index b3b0d6a58..4ed690cc4 100644
--- a/config-ui/src/plugins/components/deployments/index.tsx
+++ b/config-ui/src/plugins/components/deployments/index.tsx
@@ -21,16 +21,17 @@ import { Space, Select, Input } from 'antd';
 import { useRequest } from '@mints/hooks';
 
 import API from '@/api';
-import { PageLoading } from '@/components';
+import { Loading } from '@/components';
 
 interface Props {
+  style?: React.CSSProperties;
   plugin: string;
   connectionId: ID;
   transformation: any;
   setTransformation: React.Dispatch<React.SetStateAction<any>>;
 }
 
-export const Deployments = ({ plugin, connectionId, transformation, 
setTransformation }: Props) => {
+export const Deployments = ({ style, plugin, connectionId, transformation, 
setTransformation }: Props) => {
   const [type, setType] = useState('regex');
 
   const { loading, data } = useRequest(() => 
API.scopeConfig.deployments(plugin, connectionId), [plugin, connectionId]);
@@ -77,11 +78,11 @@ export const Deployments = ({ plugin, connectionId, 
transformation, setTransform
   };
 
   if (loading || !data) {
-    return <PageLoading />;
+    return <Loading style={style} />;
   }
 
   return (
-    <Space>
+    <Space style={style}>
       <Select value={type} onChange={handleChangeType}>
         <Select.Option value="select">is one of</Select.Option>
         <Select.Option value="regex">matches</Select.Option>
diff --git a/config-ui/src/plugins/register/github/transformation.tsx 
b/config-ui/src/plugins/register/github/transformation.tsx
index 9114e72eb..fa6e05290 100644
--- a/config-ui/src/plugins/register/github/transformation.tsx
+++ b/config-ui/src/plugins/register/github/transformation.tsx
@@ -260,8 +260,9 @@ const renderCollapseItems = ({
             Convert a GitHub Deployment to a DevLake Deployment
           </Checkbox>
           <div style={{ margin: '8px 0', paddingLeft: 28 }}>
-            <span>If its environment name matches</span>
+            <span>If its environment name</span>
             <Deployments
+              style={{ margin: '0 4px' }}
               plugin={plugin}
               connectionId={connectionId}
               transformation={transformation}