Merge pull request #858 from threshold-network/doc/footer-terms-guidelines

Doc/footer terms w/guidelines

Author: jose-blockchain

src/enums/externalHref.ts

@@ -37,4 +37,6 @@ export enum ExternalHref {
   delight = "https://delightlabs.io",
   runningNodeDocs = "https://docs.threshold.network/staking-and-running-a-node/running-a-node",
   colossus = "https://colossus.digital",
+  privacyPolicy = "https://docs.threshold.network/resources/privacy-policy",
+  termsOfUse = "https://docs.threshold.network/resources/tbtc-terms-of-use",
 }

src/pages/Overview/index.tsx

@@ -7,26 +7,29 @@ import { PageComponent } from "../../types"
 import { featureFlags } from "../../constants"
 import AnnouncementBanner from "../../components/AnnouncementBanner"
 import tbtcAppBannerIllustration from "../../static/images/tBTCAppBanner.svg"
+import PageLayout from "../PageLayout"
 
 const Overview: PageComponent = () => {
   useDocumentTitle("Threshold - Overview")
 
   return (
-    <Container maxW={{ base: "2xl", xl: "6xl" }} my={16}>
-      <Image src={thresholdWordMark} mb={4} />
-      <H1 mb={12}>Overview</H1>
-      {featureFlags.TBTC_V2 && (
-        <AnnouncementBanner
-          variant="primary"
-          imgSrc={tbtcAppBannerIllustration}
-          preTitle="get started"
-          title="Get your Bitcoin to work!"
-          href="/tBTC"
-          buttonText="Mint tBTC"
-        />
-      )}
-      <Outlet />
-    </Container>
+    <PageLayout title="Overview">
+      <Container maxW={{ base: "2xl", xl: "6xl" }} my={16}>
+        <Image src={thresholdWordMark} mb={4} />
+        <H1 mb={12}>Overview</H1>
+        {featureFlags.TBTC_V2 && (
+          <AnnouncementBanner
+            variant="primary"
+            imgSrc={tbtcAppBannerIllustration}
+            preTitle="get started"
+            title="Get your Bitcoin to work!"
+            href="/tBTC"
+            buttonText="Mint tBTC"
+          />
+        )}
+        <Outlet />
+      </Container>
+    </PageLayout>
   )
 }
 

src/pages/PageLayout.tsx

@@ -4,6 +4,8 @@ import { Outlet } from "react-router-dom"
 import SubNavigationPills from "../components/SubNavigationPills"
 import { PageComponent, ExternalLinkProps } from "../types"
 import useDocumentTitle from "../hooks/useDocumentTitle"
+import { ExternalHref } from "../enums/externalHref"
+import { Box, Link as ChakraLink } from "@chakra-ui/react"
 
 export interface PageLayoutProps extends ContainerProps {
   pages?: PageComponent[]
@@ -37,6 +39,33 @@ const PageLayout: FC<PageLayoutProps> = ({
         {children}
         <Outlet />
       </Container>
+      <Box
+        as="footer"
+        w="100%"
+        py={2}
+        textAlign="center"
+        bg="rgba(255,255,255,0.9)"
+      >
+        <ChakraLink
+          href={ExternalHref.privacyPolicy}
+          isExternal
+          color="gray.400"
+          fontSize="xs"
+          textDecoration="underline"
+          mr={2}
+        >
+          Privacy Policy
+        </ChakraLink>
+        <ChakraLink
+          href={ExternalHref.termsOfUse}
+          isExternal
+          color="gray.400"
+          fontSize="xs"
+          textDecoration="underline"
+        >
+          Terms of Use
+        </ChakraLink>
+      </Box>
     </>
   )
 }