First Prototype Frontend (Not Finished)

anwendung/src/pages/semesteroverview.js

@@ -0,0 +1,45 @@
+import Button from "@/components/Button";
+import {useEffect, useState} from "react";
+import SemesterTile from "@/components/SemesterTile";
+import InputForm from "@/components/InputForm";
+import {useRouter} from "next/router";
+
+export default function SemesterOverview(p)
+{
+    async function getSemesters()
+    {
+        let urlTest = "http://localhost:8080/semester/all?sessionid=" + localStorage.getItem("sessionid");
+
+        await fetch(urlTest).then(response => response.json()).then(s => {
+            setEntries(s)
+        })
+    }
+
+    function onClickSemester(e)
+    {
+        localStorage.setItem("currentsid", e.id)
+        // router.push("/createSemester")
+    }
+
+    function onClickNewSemester()
+    {
+        router.push("/createSemester")
+    }
+
+    useEffect(() => {
+        getSemesters();
+    })
+
+    const [entries, setEntries] = useState([])
+    const router = useRouter()
+
+    return (
+        <div className={"semester-overview"}>
+            {
+                entries.map(e => (<SemesterTile text={e.name} onClick={() => onClickSemester(e)}/>))
+            }
+            <Button color={"#818181"} text={"+"} width={240} height={160} fontColor={"black"} fontSize={50}
+            onClick={() => onClickNewSemester()}/>
+        </div>
+    )
+}