Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

feat(console): sort connectors (#2587)

Browse source
This commit is contained in:
wangsijie 2022-12-06 16:42:41 +08:00 committed by GitHub
parent b997d6f420
commit bbf54216fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/console/src/pages/Connectors/components/CreateForm/constants.ts Normal file
View file

@ -0,0 +1,12 @@
export const featuredConnectorTargets = [
'google',
'apple',
'facebook',
'github',
'discord',
'wechat',
'alipay',
'kakao',
'naver',
'azuread',
];

10
packages/console/src/pages/Connectors/components/CreateForm/index.tsx
View file

@ -16,6 +16,7 @@ import { getConnectorGroups } from '../../utils';
import Guide from '../Guide';
import PlatformSelector from './PlatformSelector';
import * as styles from './index.module.scss';
import { getConnectorOrder } from './utils';
type Props = {
isOpen: boolean;
@ -56,7 +57,14 @@ const CreateForm = ({ onClose, isOpen: isFormOpen, type }: Props) => {
existingConnectors.some(({ connectorId }) => connector.id === connectorId),
})),
}))
.filter(({ connectors }) => !connectors.every(({ added }) => added));
.filter(({ connectors }) => !connectors.every(({ added }) => added))
.slice()
.sort((connectorA, connectorB) => {
const orderA = getConnectorOrder(connectorA.target, connectorA.isStandard);
const orderB = getConnectorOrder(connectorB.target, connectorB.isStandard);
return orderA - orderB;
});
}, [factories, type, existingConnectors]);
const activeGroup = useMemo(

12
packages/console/src/pages/Connectors/components/CreateForm/utils.ts Normal file
View file

@ -0,0 +1,12 @@
import { featuredConnectorTargets } from './constants';
export const getConnectorOrder = (target: string, isStandard?: boolean): number => {
const order = featuredConnectorTargets.indexOf(target);
if (order === -1) {
// Standard connectors come last.
return isStandard ? featuredConnectorTargets.length + 1 : featuredConnectorTargets.length;
}
return order;
};