51 lines
1.4 KiB
TypeScript
51 lines
1.4 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 { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
import { requireUserInServerComponent } from '~/lib/server/require-user-in-server-component';
|
|
|
|
const features = {
|
|
enableAccountDeletion: featureFlagsConfig.enableAccountDeletion,
|
|
enablePasswordUpdate: authConfig.providers.password,
|
|
};
|
|
|
|
const callbackPath = pathsConfig.auth.callback;
|
|
const accountHomePath = pathsConfig.app.accountHome;
|
|
|
|
const paths = {
|
|
callback: callbackPath + `?next=${accountHomePath}`,
|
|
};
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
const title = i18n.t('account:settingsTab');
|
|
|
|
return {
|
|
title,
|
|
};
|
|
};
|
|
|
|
function PersonalAccountSettingsPage() {
|
|
const user = use(requireUserInServerComponent());
|
|
|
|
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);
|