mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-13 16:22:59 +10:00
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { t } from "@lingui/macro";
|
|
import { ScrollArea, Separator } from "@reactive-resume/ui";
|
|
import { motion } from "framer-motion";
|
|
import { Helmet } from "react-helmet-async";
|
|
|
|
import { AccountSettings } from "./_sections/account";
|
|
import { DangerZoneSettings } from "./_sections/danger";
|
|
import { OpenAISettings } from "./_sections/openai";
|
|
import { ProfileSettings } from "./_sections/profile";
|
|
import { SecuritySettings } from "./_sections/security";
|
|
|
|
export const SettingsPage = () => (
|
|
<>
|
|
<Helmet>
|
|
<title>
|
|
{t`Settings`} - {t`Reactive Resume`}
|
|
</title>
|
|
</Helmet>
|
|
|
|
<div className="max-w-2xl space-y-4">
|
|
<motion.h1
|
|
initial={{ opacity: 0, x: -50 }}
|
|
animate={{ opacity: 1, x: 0 }}
|
|
className="text-4xl font-bold tracking-tight"
|
|
>
|
|
{t`Settings`}
|
|
</motion.h1>
|
|
|
|
<ScrollArea hideScrollbar className="h-[calc(100vh-140px)] lg:h-[calc(100vh-88px)]">
|
|
<div className="space-y-6">
|
|
<AccountSettings />
|
|
<Separator />
|
|
<SecuritySettings />
|
|
<Separator />
|
|
<ProfileSettings />
|
|
<Separator />
|
|
<OpenAISettings />
|
|
<Separator />
|
|
<DangerZoneSettings />
|
|
</div>
|
|
</ScrollArea>
|
|
</div>
|
|
</>
|
|
);
|