From b5967b7737003f18fbb2e6e0a9a2b371b07f7454 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 18 Nov 2020 16:40:20 +0200
Subject: [PATCH] add test version notif banner

---
 components/layout/index.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/layout/index.tsx b/components/layout/index.tsx
index 47d6a60f0..e6398a26d 100644
--- a/components/layout/index.tsx
+++ b/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { Container, Flex, useToast } from "@chakra-ui/react";
+import { Box, Container, Flex, useToast } from "@chakra-ui/react";
 import { t } from "@lingui/macro";
 import { getToastOptions } from "lib/getToastOptions";
 import { AppProps } from "next/app";
@@ -45,6 +45,14 @@ const Layout = ({ Component, pageProps }: AppProps) => {
     >
       <TopNav />
       <IconNavBar />
+      {process.env.NODE_ENV === "production" && (
+        <Box bg="black" p={2} textAlign="center">
+          This is the preview version.{" "}
+          <b style={{ color: "#F08080" }}>Database will be reset</b>. For
+          anything other than testing please go to:{" "}
+          <a href="https://sendou.ink">https://sendou.ink</a>
+        </Box>
+      )}
       <Flex flexDirection="column" minH="100vh" pt="1rem">
         <Container maxWidth="100ch">
           <Component {...pageProps} />