Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

style(console): update radio disabled styles (#4769)

Browse source
This commit is contained in:
Xiao Yijun 2023-10-27 10:23:39 +08:00 • committed by GitHub
parent a5132fe4bd
commit bec525ebe4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 30 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/console/src/ds-components/RadioGroup/Radio.module.scss
View file

@ -254,6 +254,21 @@
}
}
.plain.disabled {
color: var(--color-text);
.content {
.indicator {
border-color: var(--color-border);
&::before {
background: var(--color-bg-state-unselected);
border-color: var(--color-bg-state-unselected);
}
}
}
}
.card.disabled {
background-color: var(--color-layer-2);
border-color: var(--color-layer-2);

15
packages/console/src/pages/Mfa/MfaForm/index.tsx
View file

@ -56,6 +56,14 @@ function MfaForm({ data, onMfaUpdated }: Props) {
return validateBackupCodeFactor(factors);
}, [formValues]);
const isPolicySettingsDisabled = useMemo(() => {
if (isMfaDisabled) {
return false;
}
const { factors } = convertMfaFormToConfig(formValues);
return factors.length === 0;
}, [formValues, isMfaDisabled]);
const onSubmit = handleSubmit(
trySubmitSafe(async (formData) => {
const mfaConfig = convertMfaFormToConfig(formData);
@ -141,7 +149,12 @@ function MfaForm({ data, onMfaUpdated }: Props) {
{Object.values(MfaPolicy).map((policy) => {
const title = policyOptionTitleMap[policy];
return (
<Radio key={policy} isDisabled={isMfaDisabled} title={title} value={policy} />
<Radio
key={policy}
isDisabled={isPolicySettingsDisabled}
title={title}
value={policy}
/>
);
})}
</RadioGroup>

2
packages/integration-tests/src/tests/console/mfa/index.test.ts
View file

@ -54,10 +54,10 @@ describe.skip('multi-factor authentication', () => {
});
it('reset mfa settings', async () => {
await expectToClickPolicyOption(page, 'UserControlled');
await expectToClickFactor(page, 'backupCodeEnabled');
await expectToClickFactor(page, 'webAuthnEnabled');
await expectToClickFactor(page, 'totpEnabled');
await expectToClickPolicyOption(page, 'UserControlled');
await expectToSaveChanges(page);
await waitForToast(page, { text: 'Saved' });
});