Final Bug Fix For Validation

anwendung/src/pages/browserNotSupported.js

@@ -0,0 +1,20 @@
+export default function BrowserNotSupported(p)
+{
+    return (
+        <div style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100vh",
+        }} >
+            <p style={{
+                fontSize: 40,
+                color: "red"
+            }}>Sorry but your browser is not supported right now</p>
+            <p style={{
+                fontSize: 30
+            }}>We recommend using Microsoft Edge or Google Chrome</p>
+        </div>
+    )
+}

anwendung/src/pages/index.js

@@ -1,23 +1,24 @@
 import {Inter} from 'next/font/google'
-import React, {useState} from "react";
+import React, {useEffect, useState} from "react";
-import StatusBar from "@/components/StatusBar";
-import Button from "@/components/Button";
-import {arrowLeft, arrowRight} from "@/components/Icons";
-import WeekSelector from "@/components/WeekSelector";
-import PopUp from "@/components/PopUp";
-import CalenderView from "@/components/CalenderView";
-import DateElement from "@/components/DateElement";
-import InputForm from "@/components/InputForm";
 import Login from "@/components/Login";
-import Test from "@/components/Test";
-import BasicDateCalendar from "@/components/CalendarSideBar";
-import {randomInt} from "next/dist/shared/lib/bloom-filter/utils";
 import Background from "@/components/Background";
+import {useRouter} from "next/router";
 
 
 const inter = Inter({subsets: ['latin']})
 
 export default function Home(p) {
+    const router = useRouter()
+
+    useEffect(() => {
+        let isEdge = window.navigator.userAgent.indexOf("Edg") > -1
+        let isChrome = window.navigator.userAgent.indexOf("Chrome") > -1
+
+        if(!(isEdge || isChrome))
+        {
+            router.push("/browserNotSupported")
+        }
+    })
 
     return (