alert

frontend/app/src/config/style.ts

@@ -10,6 +10,7 @@ export const theme: ThemeConfig = {
     colorBgBase: "#001529",
     borderRadius: 5,
     fontFamily: "Comfortaa",
+    colorWarningBg: "#001529",
   },
   components: {
     Input: {

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" : "БЕТА! Помните, что ВСЕ ваши данные здесь могут быть утеряны, сервер может прилечь на неизвестное количество времени, ну и про баги-фичи тоже не забывайте :)"
     }
 }

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>
         {!(