zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enable conditional password update card in settings page

Browse Source 
Added a conditional check for displaying the password update card in the account settings page based on the new `enablePasswordUpdate` feature flag. This ensures the card is shown only if the password update feature is supported.
This commit is contained in:
gbuomprisco
2024-08-13 12:58:24 +02:00
parent 2d6d95d72a
commit 085980316c
2 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/home/(user)/settings/page.tsx
View File

@@ -3,6 +3,7 @@ import { use } from 'react';
import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings'; import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings';
import { PageBody } from '@kit/ui/page'; import { PageBody } from '@kit/ui/page';
import authConfig from '~/config/auth.config';
import featureFlagsConfig from '~/config/feature-flags.config'; import featureFlagsConfig from '~/config/feature-flags.config';
import pathsConfig from '~/config/paths.config'; import pathsConfig from '~/config/paths.config';
import { loadUserWorkspace } from '~/home/(user)/_lib/server/load-user-workspace'; import { loadUserWorkspace } from '~/home/(user)/_lib/server/load-user-workspace';
@@ -11,6 +12,7 @@ import { withI18n } from '~/lib/i18n/with-i18n';
const features = { const features = {
enableAccountDeletion: featureFlagsConfig.enableAccountDeletion, enableAccountDeletion: featureFlagsConfig.enableAccountDeletion,
enablePasswordUpdate: authConfig.providers.password,
}; };
const paths = { const paths = {

29
packages/features/accounts/src/components/personal-account-settings/account-settings-container.tsx
View File

@@ -28,6 +28,7 @@ export function PersonalAccountSettingsContainer(
features: { features: {
enableAccountDeletion: boolean; enableAccountDeletion: boolean;
enablePasswordUpdate: boolean;
}; };
paths: { paths: {
@@ -115,21 +116,23 @@ export function PersonalAccountSettingsContainer(
</CardContent> </CardContent>
</Card> </Card>
<Card> <If condition={props.features.enablePasswordUpdate}>
<CardHeader> <Card>
<CardTitle> <CardHeader>
<Trans i18nKey={'account:updatePasswordCardTitle'} /> <CardTitle>
</CardTitle> <Trans i18nKey={'account:updatePasswordCardTitle'} />
</CardTitle>
<CardDescription> <CardDescription>
<Trans i18nKey={'account:updatePasswordCardDescription'} /> <Trans i18nKey={'account:updatePasswordCardDescription'} />
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<UpdatePasswordFormContainer callbackPath={props.paths.callback} /> <UpdatePasswordFormContainer callbackPath={props.paths.callback} />
</CardContent> </CardContent>
</Card> </Card>
</If>
<Card> <Card>
<CardHeader> <CardHeader>