shellphone.app/app/settings/components/settings-layout.tsx
2021-08-01 01:22:48 +08:00

29 lines
784 B
TypeScript

import type { FunctionComponent } from "react";
import { useRouter } from "blitz";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChevronLeft } from "@fortawesome/pro-regular-svg-icons";
import Layout from "../../core/layouts/layout";
const pageTitle = "User Settings";
const SettingsLayout: FunctionComponent = ({ children }) => {
const router = useRouter();
return (
<Layout title={pageTitle}>
<header className="px-4 sm:px-6 md:px-0">
<header className="flex">
<span className="flex items-center cursor-pointer" onClick={router.back}>
<FontAwesomeIcon className="h-8 w-8 mr-2" icon={faChevronLeft} /> Back
</span>
</header>
</header>
<main>{children}</main>
</Layout>
);
};
export default SettingsLayout;