diff --git a/packages/console/src/icons/ConnectorPlatformIcon.tsx b/packages/console/src/icons/ConnectorPlatformIcon.tsx
new file mode 100644
index 000000000..6f4b3c0ac
--- /dev/null
+++ b/packages/console/src/icons/ConnectorPlatformIcon.tsx
@@ -0,0 +1,47 @@
+import { ConnectorPlatform } from '@logto/schemas';
+import React from 'react';
+
+const Native = () => (
+
+);
+
+const Web = () => (
+
+);
+
+const Universal = () => (
+
+);
+
+type Props = {
+ platform: ConnectorPlatform;
+};
+
+const ConnectorPlatformIcon = ({ platform }: Props) => {
+ if (platform === ConnectorPlatform.Native) {
+ return ;
+ }
+
+ if (platform === ConnectorPlatform.Web) {
+ return ;
+ }
+
+ return ;
+};
+
+export default ConnectorPlatformIcon;
diff --git a/packages/console/src/icons/Native.tsx b/packages/console/src/icons/Native.tsx
deleted file mode 100644
index 248fd5670..000000000
--- a/packages/console/src/icons/Native.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-const Native = () => (
-
-);
-
-export default Native;
diff --git a/packages/console/src/icons/Universal.tsx b/packages/console/src/icons/Universal.tsx
deleted file mode 100644
index b947970c7..000000000
--- a/packages/console/src/icons/Universal.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-const Universal = () => (
-
-);
-
-export default Universal;
diff --git a/packages/console/src/icons/Web.tsx b/packages/console/src/icons/Web.tsx
deleted file mode 100644
index 4771e7671..000000000
--- a/packages/console/src/icons/Web.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-const Web = () => (
-
-);
-
-export default Web;
diff --git a/packages/console/src/pages/ConnectorDetails/components/ConnectorTabs/index.tsx b/packages/console/src/pages/ConnectorDetails/components/ConnectorTabs/index.tsx
index 0be3f7d4f..f7a52d1fd 100644
--- a/packages/console/src/pages/ConnectorDetails/components/ConnectorTabs/index.tsx
+++ b/packages/console/src/pages/ConnectorDetails/components/ConnectorTabs/index.tsx
@@ -1,13 +1,11 @@
-import { ConnectorDTO, ConnectorPlatform } from '@logto/schemas';
+import { ConnectorDTO } from '@logto/schemas';
import classNames from 'classnames';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import useSWR from 'swr';
-import Native from '@/icons/Native';
-import Universal from '@/icons/Universal';
-import Web from '@/icons/Web';
+import ConnectorPlatformIcon from '@/icons/ConnectorPlatformIcon';
import * as styles from './index.module.scss';
@@ -32,11 +30,11 @@ const ConnectorTabs = ({ target, connectorId }: Props) => {
to={`/connectors/${connector.id}`}
className={classNames(styles.tab, connector.id === connectorId && styles.active)}
>
-
- {connector.platform === ConnectorPlatform.Native && }
- {connector.platform === ConnectorPlatform.Web && }
- {connector.platform === ConnectorPlatform.Universal && }
-
+ {connector.metadata.platform && (
+
+
+
+ )}
{connector.metadata.platform}
{!connector.enabled && (
{t('connector_details.not_set')}
diff --git a/packages/console/src/pages/SignInExperience/components/ConnectorsTransfer.tsx b/packages/console/src/pages/SignInExperience/components/ConnectorsTransfer.tsx
index 8f417d434..a65a27fd2 100644
--- a/packages/console/src/pages/SignInExperience/components/ConnectorsTransfer.tsx
+++ b/packages/console/src/pages/SignInExperience/components/ConnectorsTransfer.tsx
@@ -1,4 +1,4 @@
-import { ConnectorPlatform, ConnectorType } from '@logto/schemas';
+import { ConnectorType } from '@logto/schemas';
import { conditionalString } from '@silverhand/essentials';
import React from 'react';
import { useTranslation } from 'react-i18next';
@@ -8,9 +8,7 @@ import Alert from '@/components/Alert';
import Transfer from '@/components/Transfer';
import UnnamedTrans from '@/components/UnnamedTrans';
import useConnectorGroups from '@/hooks/use-connector-groups';
-import Native from '@/icons/Native';
-import Universal from '@/icons/Universal';
-import Web from '@/icons/Web';
+import ConnectorPlatformIcon from '@/icons/ConnectorPlatformIcon';
import * as styles from './ConnectorsTransfer.module.scss';
@@ -49,11 +47,9 @@ const ConnectorsTransfer = ({ value, onChange }: Props) => {
{connectors.length > 1 &&
connectors
.filter(({ enabled }) => enabled)
- .map(({ platform }) => (
+ .map(({ metadata: { platform } }) => (
- {platform === ConnectorPlatform.Web && }
- {platform === ConnectorPlatform.Native && }
- {platform === ConnectorPlatform.Universal && }
+ {platform && }
))}