085980316c
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.
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { use } from 'react';
|
|
|
|
import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings';
|
|
import { PageBody } from '@kit/ui/page';
|
|
|
|
import authConfig from '~/config/auth.config';
|
|
import featureFlagsConfig from '~/config/feature-flags.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
import { loadUserWorkspace } from '~/home/(user)/_lib/server/load-user-workspace';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
const features = {
|
|
enableAccountDeletion: featureFlagsConfig.enableAccountDeletion,
|
|
enablePasswordUpdate: authConfig.providers.password,
|
|
};
|
|
|
|
const paths = {
|
|
callback: pathsConfig.auth.callback + `?next=${pathsConfig.app.accountHome}`,
|
|
};
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
const title = i18n.t('account:settingsTab');
|
|
|
|
return {
|
|
title,
|
|
};
|
|
};
|
|
|
|
function PersonalAccountSettingsPage() {
|
|
const { user } = use(loadUserWorkspace());
|
|
|
|
return (
|
|
<PageBody>
|
|
<div className={'flex w-full flex-1 flex-col lg:max-w-2xl'}>
|
|
<PersonalAccountSettingsContainer
|
|
userId={user.id}
|
|
features={features}
|
|
paths={paths}
|
|
/>
|
|
</div>
|
|
</PageBody>
|
|
);
|
|
}
|
|
|
|
export default withI18n(PersonalAccountSettingsPage);
|