import { Icon, Icons } from "@/components/Icon"; import { WideContainer } from "@/components/layout/WideContainer"; import { Divider } from "@/components/utils/Divider"; import { Heading1 } from "@/components/utils/Text"; import { conf } from "@/setup/config"; import { SubPageLayout } from "./layouts/SubPageLayout"; // TODO Put all of this not here (when I'm done writing them) function SidebarSection(props: { title: string; children: React.ReactNode }) { return (

{props.title}

{props.children}
); } function SidebarLink(props: { children: React.ReactNode; icon: Icons }) { return (
{props.children}
); } function SettingsSidebar() { // eslint-disable-next-line no-restricted-globals const hostname = location.hostname; return (
Account
Version {conf().APP_VERSION}
Domain {hostname}
); } function SettingsLayout(props: { children: React.ReactNode }) { return (
{props.children}
); } export function SettingsPage() { return ( Setting ); }