Files
docmost/apps/client/src/pages/settings/account/account-settings.tsx
2024-09-03 03:16:44 +00:00

32 lines
805 B
TypeScript

import AccountNameForm from "@/features/user/components/account-name-form";
import ChangeEmail from "@/features/user/components/change-email";
import ChangePassword from "@/features/user/components/change-password";
import { Divider } from "@mantine/core";
import AccountAvatar from "@/features/user/components/account-avatar";
import SettingsTitle from "@/components/settings/settings-title.tsx";
import { useTranslation } from "react-i18next";
export default function AccountSettings() {
const { t } = useTranslation("settings", {
keyPrefix: "account",
});
return (
<>
<SettingsTitle title={t("My Profile")} />
<AccountAvatar />
<AccountNameForm />
<Divider my="lg" />
<ChangeEmail />
<Divider my="lg" />
<ChangePassword />
</>
);
}