2021-04-25 01:57:01 -05:00
|
|
|
import Head from "next/head";
|
2021-06-14 20:41:10 -05:00
|
|
|
import TCard from "../components/title-card";
|
2021-04-27 19:56:34 -05:00
|
|
|
import FCard from "./footer-card";
|
2021-05-01 01:15:09 -05:00
|
|
|
import PButton from "../components/page-button";
|
2021-04-25 01:57:01 -05:00
|
|
|
|
2021-10-17 17:17:26 -05:00
|
|
|
export function renderBackButton(page_button_title, url) {
|
|
|
|
if (Boolean(page_button_title)) {
|
|
|
|
return (
|
|
|
|
<nav>
|
|
|
|
<PButton
|
|
|
|
title={page_button_title}
|
|
|
|
images={[
|
2022-01-19 21:56:01 -06:00
|
|
|
{ src: "/emoji/western_dragon.svg", alt: "Western dragon emoji until I get an emoji" },
|
|
|
|
{ src: "/emoji/:black_heart:.svg", alt: "Black heart" },
|
2021-10-17 17:17:26 -05:00
|
|
|
]}
|
|
|
|
url={url}
|
|
|
|
/>
|
|
|
|
</nav>
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return <div hidden></div>;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-11 22:43:39 -05:00
|
|
|
export default function BasicPage({
|
|
|
|
page_title,
|
|
|
|
card_title,
|
|
|
|
children,
|
|
|
|
back_url,
|
2021-10-14 16:22:07 -05:00
|
|
|
page_button_title,
|
2021-10-11 22:43:39 -05:00
|
|
|
}) {
|
|
|
|
const url = Boolean(back_url) ? back_url : "/";
|
|
|
|
|
2021-06-14 20:41:10 -05:00
|
|
|
return (
|
2022-01-19 21:56:01 -06:00
|
|
|
<div className="min-h-screen bg-alice-werefox-grey-light dark:bg-alice-werefox-grey font-nerd">
|
2021-06-14 20:41:10 -05:00
|
|
|
<Head>
|
|
|
|
<title>{page_title}</title>
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
</Head>
|
|
|
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
|
|
|
<TCard card_title={card_title} />
|
2021-10-17 17:17:26 -05:00
|
|
|
{renderBackButton(page_button_title, url)}
|
2021-06-14 20:41:10 -05:00
|
|
|
{children}
|
2021-10-17 17:17:26 -05:00
|
|
|
{renderBackButton(page_button_title, url)}
|
2021-06-14 20:41:10 -05:00
|
|
|
<FCard />
|
2021-04-25 01:57:01 -05:00
|
|
|
</div>
|
2021-06-14 20:41:10 -05:00
|
|
|
</div>
|
|
|
|
);
|
2021-04-25 01:57:01 -05:00
|
|
|
}
|