From d183591ce9c6de105702b7a7bf16c283f92daef2 Mon Sep 17 00:00:00 2001
From: awenes <1121353141@qq.com>
Date: Thu, 4 Apr 2024 22:51:48 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20=E4=BC=98=E5=8C=96=E8=BA=AB=E4=BB=BD?=
 =?UTF-8?q?=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CreateModal/CreateModal.tsx    | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/eiam-console/src/main/console-fe/src/pages/account/IdentitySourceList/components/CreateModal/CreateModal.tsx b/eiam-console/src/main/console-fe/src/pages/account/IdentitySourceList/components/CreateModal/CreateModal.tsx
index 0bad5845..5407e472 100644
--- a/eiam-console/src/main/console-fe/src/pages/account/IdentitySourceList/components/CreateModal/CreateModal.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/account/IdentitySourceList/components/CreateModal/CreateModal.tsx
@@ -15,12 +15,13 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { ModalForm, ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-components';
-import type { FormInstance } from 'antd';
+import { Avatar, FormInstance, Space } from 'antd';
 import { Spin } from 'antd';
 import { useIntl } from '@umijs/max';
 import { IdentitySourceProvider } from '@/constant';
+import { ICON_LIST } from '@/components/IconFont/constant';
 
 type CreateModelProps = {
   visible: boolean;
@@ -65,6 +66,14 @@ export default (props: CreateModelProps) => {
               placeholder: intl.formatMessage({
                 id: 'pages.account.identity_source_list.create_modal.provider.placeholder',
               }),
+              optionRender: ({ data }) => {
+                return (
+                  <Space>
+                    <Avatar shape={'square'} src={data?.icon} />
+                    {data.label}
+                  </Space>
+                );
+              },
             }}
             options={[
               {
@@ -72,18 +81,21 @@ export default (props: CreateModelProps) => {
                 label: intl.formatMessage({
                   id: 'pages.account.identity_source_list.create_modal.provider.placeholder.options.dingtalk',
                 }),
-              },
-              {
-                value: IdentitySourceProvider.wework,
-                label: intl.formatMessage({
-                  id: 'pages.account.identity_source_list.create_modal.provider.placeholder.options.wework',
-                }),
+                icon: ICON_LIST[IdentitySourceProvider.dingtalk],
               },
               {
                 value: IdentitySourceProvider.feishu,
                 label: intl.formatMessage({
                   id: 'pages.account.identity_source_list.create_modal.provider.placeholder.options.feishu',
                 }),
+                icon: ICON_LIST[IdentitySourceProvider.feishu],
+              },
+              {
+                value: IdentitySourceProvider.wework,
+                label: intl.formatMessage({
+                  id: 'pages.account.identity_source_list.create_modal.provider.placeholder.options.wework',
+                }),
+                icon: ICON_LIST[IdentitySourceProvider.wework],
               },
             ]}
             rules={[