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

refactor(console): reorg connector creation modal (#4438)

Browse source 
refactor(console): reorg connector create modal
This commit is contained in:
Darcy Ye 2023-09-06 10:35:52 +08:00 committed by GitHub
parent 9e606d65a7
commit 9995154832
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/console/src/components/CreateConnectorForm/PlatformSelector/index.module.scss
View file

@ -1,10 +1,17 @@
@use '@/scss/underscore' as _;
.platforms {
margin-top: _.unit(6);
padding: _.unit(4) _.unit(6);
background: var(--color-bg-layer-2);
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: _.unit(3);
margin-top: _.unit(4);
.title {
font: var(--font-label-2);
margin-bottom: _.unit(3);
}
}

14
packages/console/src/components/CreateConnectorForm/index.tsx
View file

@ -144,6 +144,13 @@ function CreateConnectorForm({ onClose, isOpen: isFormOpen, type }: Props) {
size={radioGroupSize}
onChange={handleGroupChange}
/>
{activeGroup && (
<PlatformSelector
connectorGroup={activeGroup}
connectorId={activeFactoryId}
onConnectorIdChange={setActiveFactoryId}
/>
)}
{standardGroups.length > 0 && (
<>
<div className={styles.standardLabel}>
@ -159,13 +166,6 @@ function CreateConnectorForm({ onClose, isOpen: isFormOpen, type }: Props) {
/>
</>
)}
{activeGroup && (
<PlatformSelector
connectorGroup={activeGroup}
connectorId={activeFactoryId}
onConnectorIdChange={setActiveFactoryId}
/>
)}
</ModalLayout>
</Modal>
);