d46cf60556
This commit updates the CSS classes for the team account settings container and the settings page to increase their width. By replacing the existing classes with "w-full", both components will now take up the full width of their parent element, improving the layout responsiveness.
61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import { TeamAccountSettingsContainer } from '@kit/team-accounts/components';
|
|
import { PageBody, PageHeader } from '@kit/ui/page';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import pathsConfig from '~/config/paths.config';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
|
|
import { loadTeamWorkspace } from '../_lib/load-team-account-workspace';
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
const title = i18n.t('teams:settings:pageTitle');
|
|
|
|
return {
|
|
title,
|
|
};
|
|
};
|
|
|
|
interface Props {
|
|
params: {
|
|
account: string;
|
|
};
|
|
}
|
|
|
|
const paths = {
|
|
teamAccountSettings: pathsConfig.app.accountSettings,
|
|
};
|
|
|
|
async function TeamAccountSettingsPage(props: Props) {
|
|
const data = await loadTeamWorkspace(props.params.account);
|
|
|
|
const account = {
|
|
id: data.account.id,
|
|
name: data.account.name,
|
|
pictureUrl: data.account.picture_url,
|
|
slug: data.account.slug,
|
|
primaryOwnerUserId: data.account.primary_owner_user_id,
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<PageHeader
|
|
title={<Trans i18nKey={'teams:settings.pageTitle'} />}
|
|
description={<Trans i18nKey={'teams:settings.pageDescription'} />}
|
|
/>
|
|
|
|
<PageBody>
|
|
<div
|
|
className={
|
|
'container flex w-full max-w-2xl flex-1 flex-col items-center'
|
|
}
|
|
>
|
|
<TeamAccountSettingsContainer account={account} paths={paths} />
|
|
</div>
|
|
</PageBody>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default TeamAccountSettingsPage;
|