42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import type { FunctionComponent } from "react";
|
|
import type { LinkProps } from "blitz";
|
|
import { Link, Routes } from "blitz";
|
|
|
|
export default function Footer() {
|
|
// TODO
|
|
const isDisabled = true;
|
|
if (isDisabled) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<footer className="bg-white">
|
|
<div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
|
|
<nav className="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
|
|
<NavLink href={Routes.Blog()} name="Blog" />
|
|
<NavLink href={Routes.PrivacyPolicy()} name="Privacy Policy" />
|
|
<NavLink href={Routes.TermsOfService()} name="Terms of Service" />
|
|
<NavLink href="mailto:support@shellphone.app" name="Email Us" />
|
|
</nav>
|
|
<p className="mt-8 text-center text-base text-gray-400">
|
|
© 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.
|
|
{/*© 2021 Mokhtar Mial All rights reserved.*/}
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|
|
|
|
type Props = {
|
|
href: LinkProps["href"];
|
|
name: string;
|
|
};
|
|
|
|
const NavLink: FunctionComponent<Props> = ({ href, name }) => (
|
|
<div className="px-5 py-2">
|
|
<Link href={href}>
|
|
<a className="text-base text-gray-500 hover:text-gray-900">{name}</a>
|
|
</Link>
|
|
</div>
|
|
);
|