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 _; @use '@/scss/underscore' as _;
.platforms { .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 { .title {
font: var(--font-label-2); 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} size={radioGroupSize}
onChange={handleGroupChange} onChange={handleGroupChange}
/> />
{activeGroup && (
<PlatformSelector
connectorGroup={activeGroup}
connectorId={activeFactoryId}
onConnectorIdChange={setActiveFactoryId}
/>
)}
{standardGroups.length > 0 && ( {standardGroups.length > 0 && (
<> <>
<div className={styles.standardLabel}> <div className={styles.standardLabel}>
@ -159,13 +166,6 @@ function CreateConnectorForm({ onClose, isOpen: isFormOpen, type }: Props) {
/> />
</> </>
)} )}
{activeGroup && (
<PlatformSelector
connectorGroup={activeGroup}
connectorId={activeFactoryId}
onConnectorIdChange={setActiveFactoryId}
/>
)}
</ModalLayout> </ModalLayout>
</Modal> </Modal>
); );