Can Delete Semester on Right click menu

anwendung/src/components/PopUp.jsx

@@ -3,41 +3,21 @@ import {useState} from "react";
 
 let shown = false;
 
-export default function PopUp() {
-    const [displayState, setDisplayState] = useState("none");
+export default function PopUp(p) {
 
-    function toggleModal() {
-        shown = !shown;
-        if (shown)
-        {
-            setDisplayState("block");
-        }
-        else
-        {
-            setDisplayState("none");
-        }
-        console.log("test");
-    }
-
-    function on_abgeben_pressed()
-    {
-
-    }
 
     return (
         <>
-            <Button text={"Abgeben"} onClick={toggleModal}/>
-
             <div style={{
-                display: displayState
+                display: p.displayState
             }}>
 
                 <div className={"modal-container"}>
                     <div className={"modal"}>
-                        <p className={"font-middle"}>Kalender wirklich abgeben?</p>
+                        <p className={"font-middle"}>{p.hint}</p>
                         <div>
-                            <Button text={"Abbrechen"} color={"#363636"}  onClick={toggleModal}/>
-                            <Button text={"Abgeben"} color={"#7a7a7a"}  onClick={on_abgeben_pressed}/>
+                            <Button text={p.text1} color={"#363636"}  onClick={p.function1}/>
+                            <Button text={p.text2} color={"#7a7a7a"}  onClick={p.function2}/>
                         </div>
                     </div>
                 </div>

anwendung/src/components/SemesterTile.jsx

@@ -1,10 +1,15 @@
 import StatusBar from "@/components/StatusBar";
-import React from "react";
+import React, {useEffect} from "react";
 
 export default function SemesterTile(p)
 {
+    useEffect(() =>
+    {
+        window.addEventListener("contextmenu", (e) => (e.preventDefault()))
+    })
+
     return (
-        <div onClick={() => p.onClick()} className={"semester-tile"}>
+        <div onMouseDown={(e) => p.onClick(e)} className={"semester-tile"}>
             <p>{p.text}</p>
             <StatusBar progress={0}/>
         </div>