58 lines
1.3 KiB
TypeScript
58 lines
1.3 KiB
TypeScript
import React, { FC, useEffect } from "react";
|
|
|
|
import { useStoreState } from "../store";
|
|
import { ColCenter } from "./Layout";
|
|
import ALink from "./ALink";
|
|
import Text from "./Text";
|
|
|
|
const Footer: FC = () => {
|
|
const { isAuthenticated } = useStoreState(s => s.auth);
|
|
|
|
return (
|
|
<ColCenter
|
|
as="footer"
|
|
width={1}
|
|
backgroundColor="white"
|
|
p={isAuthenticated ? 2 : 24}
|
|
>
|
|
{!isAuthenticated}
|
|
<Text fontSize={[12, 13]} py={2}>
|
|
Made with love by{" "}
|
|
<ALink href="//thedevs.network/" title="The Devs">
|
|
The Devs
|
|
</ALink>
|
|
.{" | "}
|
|
<ALink
|
|
href="https://github.com/jellykells/klip"
|
|
title="GitHub"
|
|
target="_blank"
|
|
>
|
|
GitHub
|
|
</ALink>
|
|
{" | "}
|
|
<ALink href="/terms" title="Terms of Service">
|
|
Terms of Service
|
|
</ALink>
|
|
{" | "}
|
|
<ALink href="/report" title="Report abuse">
|
|
Report Abuse
|
|
</ALink>
|
|
{process.env.CONTACT_EMAIL && (
|
|
<>
|
|
{" | "}
|
|
<ALink
|
|
href={`mailto:${process.env.CONTACT_EMAIL}`}
|
|
title="Contact us"
|
|
>
|
|
Contact us
|
|
</ALink>
|
|
</>
|
|
)}
|
|
.
|
|
</Text>
|
|
</ColCenter>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|