From d716a92dacf2248b1ab770342c37dfbb1b79b394 Mon Sep 17 00:00:00 2001
From: Olly Hearn <longcat512@gmail.com>
Date: Sat, 13 Apr 2024 21:09:13 +0300
Subject: [PATCH] alert

---
 frontend/app/src/config/style.ts            |  1 +
 frontend/app/src/config/translationMap.json |  3 +++
 frontend/app/src/pages/MainPage.tsx         | 12 +++++++++++-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/app/src/config/style.ts b/frontend/app/src/config/style.ts
index f425cff..8f8eb5d 100644
--- a/frontend/app/src/config/style.ts
+++ b/frontend/app/src/config/style.ts
@@ -10,6 +10,7 @@ export const theme: ThemeConfig = {
     colorBgBase: "#001529",
     borderRadius: 5,
     fontFamily: "Comfortaa",
+    colorWarningBg: "#001529",
   },
   components: {
     Input: {
diff --git a/frontend/app/src/config/translationMap.json b/frontend/app/src/config/translationMap.json
index b5a618c..30c8282 100644
--- a/frontend/app/src/config/translationMap.json
+++ b/frontend/app/src/config/translationMap.json
@@ -97,5 +97,8 @@
     },
     "News": {
         "ru": "Новости"
+    },
+    "BETA! Be aware about loosing ALL your data here, as well as unexpected service shutdowns, bugs and other beta's features :)": {
+        "ru" : "БЕТА! Помните, что ВСЕ ваши данные здесь могут быть утеряны, сервер может прилечь на неизвестное количество времени, ну и про баги-фичи тоже не забывайте :)"
     }
 }
\ No newline at end of file
diff --git a/frontend/app/src/pages/MainPage.tsx b/frontend/app/src/pages/MainPage.tsx
index 09d8be2..ed99b62 100644
--- a/frontend/app/src/pages/MainPage.tsx
+++ b/frontend/app/src/pages/MainPage.tsx
@@ -1,9 +1,10 @@
 import React from "react";
 import "./styles.css";
 import logo from "../../static/logo-full.png";
-import { Button } from "antd";
+import { Alert, Button } from "antd";
 import tr from "../config/translation";
 import { isMobile } from "react-device-detect";
+import { WarningOutlined } from "@ant-design/icons";
 
 const MainPage = () => {
   return (
@@ -12,6 +13,15 @@ const MainPage = () => {
       <p style={{ fontSize: "2rem" }}>
         {tr("Queuing has never been so simple")}
       </p>
+      <Alert
+        type="warning"
+        icon={<WarningOutlined />}
+        message={tr(
+          "BETA! Be aware about loosing ALL your data here, as well as unexpected service shutdowns, bugs and other beta's features :)"
+        )}
+        showIcon
+        style={{ marginBottom: "1rem" }}
+      />
       <div className="button-box">
         <Button size="large">{tr("Join a queue")}</Button>
         {!(