shellphone.app/app/features/public-area/components/footer.tsx

41 lines
1.1 KiB
TypeScript
Raw Normal View History

2021-08-29 21:11:45 +00:00
import type { FunctionComponent } from "react";
2022-05-14 10:22:06 +00:00
import { Link, type LinkProps } from "@remix-run/react";
2021-08-29 21:11:45 +00:00
export default function Footer() {
// TODO
const isDisabled = true;
if (isDisabled) {
2021-08-29 22:47:43 +00:00
return null;
2021-08-29 21:11:45 +00:00
}
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">
2022-05-14 10:22:06 +00:00
<FooterLink to="/blog" name="Blog" />
<FooterLink to="/privacy" name="Privacy Policy" />
<FooterLink to="/terms" name="Terms of Service" />
<FooterLink to="mailto:support@shellphone.app" name="Email Us" />
2021-08-29 21:11:45 +00:00
</nav>
<p className="mt-8 text-center text-base text-gray-400">
2021-08-29 22:47:43 +00:00
&copy; 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.
{/*&copy; 2021 Mokhtar Mial All rights reserved.*/}
2021-08-29 21:11:45 +00:00
</p>
</div>
</footer>
);
}
type Props = {
2022-05-14 10:22:06 +00:00
to: LinkProps["to"];
2021-08-29 21:11:45 +00:00
name: string;
};
2022-05-14 10:22:06 +00:00
const FooterLink: FunctionComponent<Props> = ({ to, name }) => (
2021-08-29 21:11:45 +00:00
<div className="px-5 py-2">
2022-05-14 10:22:06 +00:00
<Link to={to} className="text-base text-gray-500 hover:text-gray-900">
{name}
2021-08-29 21:11:45 +00:00
</Link>
</div>
);