2021-07-31 17:22:48 +00:00
|
|
|
import type { FunctionComponent } from "react";
|
|
|
|
import { useRouter } from "blitz";
|
2021-09-07 20:59:38 +00:00
|
|
|
import { IoChevronBack } from "react-icons/io5";
|
2021-07-31 17:22:48 +00:00
|
|
|
|
|
|
|
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}>
|
2021-09-07 20:59:38 +00:00
|
|
|
<IoChevronBack className="h-8 w-8 mr-2" /> Back
|
2021-07-31 17:22:48 +00:00
|
|
|
</span>
|
|
|
|
</header>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<main>{children}</main>
|
|
|
|
</Layout>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default SettingsLayout;
|