diff --git a/src/components/Disclaimer.tsx b/src/components/Disclaimer.tsx new file mode 100644 index 0000000..81b2bf7 --- /dev/null +++ b/src/components/Disclaimer.tsx @@ -0,0 +1,31 @@ +import { styled, Box, Typography } from '@mui/material'; + +export const Disclaimer = () => { + return ( + + + Disclaimer: This application is currently in beta. Please proceed at your own risk. Any funds lost through its + use are non-recoverable. + + + ); +}; + +export const Container = styled(Box)` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1rem 1.6rem; + min-height: 4rem; + width: 100%; + margin: 0 auto; + background-color: white; + + h1 { + font-size: 1.6rem; + color: #121212; + font-weight: 500; + letter-spacing: 1; + } +`; diff --git a/src/components/index.ts b/src/components/index.ts index d54caf8..0fe1f0b 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1 +1,2 @@ export * from './Theme'; +export * from './Disclaimer'; diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index 07bb227..6cb77bf 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -24,7 +24,9 @@ export default function MyDocument(props: DocumentProps & DocumentHeadTagsProps) - + + {/* To prevent all search engines from indexing */} +
diff --git a/src/pages/layout.tsx b/src/pages/layout.tsx index e3e15c0..dfa21d7 100644 --- a/src/pages/layout.tsx +++ b/src/pages/layout.tsx @@ -1,10 +1,14 @@ import { Box, CssBaseline, styled } from '@mui/material'; + +import { Disclaimer } from '~/components'; import { Footer, Header } from '~/containers'; export default function Layout({ children }: { children: React.ReactNode }) { return ( <> + +

This website requires JavaScript to function properly.