(incubator-devlake) branch main updated: fix(config-ui): missed style for github check icon (#6821)

[klesh]

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

klesh 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 b1ee6e4e2 fix(config-ui): missed style for github check icon (#6821)
b1ee6e4e2 is described below

commit b1ee6e4e2bfb4feb0d2baf1cea120909be0fac02
Author: 青湛 <0x1304...@gmail.com>
AuthorDate: Tue Jan 16 20:23:58 2024 +1300

    fix(config-ui): missed style for github check icon (#6821)
---
 .../plugins/register/github/connection-fields/token.tsx   | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/config-ui/src/plugins/register/github/connection-fields/token.tsx 
b/config-ui/src/plugins/register/github/connection-fields/token.tsx
index 3f800ec3e..9c99523a9 100644
--- a/config-ui/src/plugins/register/github/connection-fields/token.tsx
+++ b/config-ui/src/plugins/register/github/connection-fields/token.tsx
@@ -17,13 +17,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import {
-  CloseOutlined,
-  PlusOutlined,
-  CheckCircleOutlined,
-  WarningOutlined,
-  CloseCircleOutlined,
-} from '@ant-design/icons';
+import { CloseOutlined, PlusOutlined, CheckCircleFilled, WarningFilled, 
CloseCircleFilled } from '@ant-design/icons';
 import { Input, Button } from 'antd';
 
 import API from '@/api';
@@ -88,6 +82,7 @@ export const Token = ({
       return {
         value: token,
         isValid: false,
+        status: 'error',
       };
     }
   };
@@ -170,9 +165,9 @@ export const Token = ({
           {status && (
             <S.Alert>
               <h4>
-                {status === 'success' && <CheckCircleOutlined color="#4DB764" 
/>}
-                {status === 'warning' && <WarningOutlined color="#F4BE55" />}
-                {status === 'error' && <CloseCircleOutlined color="#E34040" />}
+                {status === 'success' && <CheckCircleFilled style={{ color: 
'#4DB764' }} />}
+                {status === 'warning' && <WarningFilled style={{ color: 
'#F4BE55' }} />}
+                {status === 'error' && <CloseCircleFilled style={{ color: 
'#E34040' }} />}
                 <span style={{ marginLeft: 8 }}>Token Permissions</span>
               </h4>
               {status === 'success' && <p>All required fields are checked.</p>}