Radiobuttons OHNE OK

src/components/FandStattVer.jsx

@@ -5,47 +5,29 @@ import Modal from './Modal'
 export default function FandStattVer({left, right, title, onNext, radioName = "fst"}) {
     const { formData, updateFormData } = useFormData()
     const [auswahl, setAuswahl] = useState(formData.stattgefunden || '')
-    const [showModal, setShowModal] = useState(false)
     
-    const handleOK = () => {
-        if(!auswahl) {
-            setShowModal(true)
-            return
-        }
-        updateFormData('stattgefunden', auswahl)
-        onNext(auswahl)
-    }
-
-    const closeModal = () => {
-        setShowModal(false)
+    const handleRadioChange = (e) => {
+        const value = e.target.value
+        setAuswahl(value)
+        updateFormData('stattgefunden', value)
+        onNext(value)
     }
 
     return (
-        <>
-            <section>
-                <h3>{title}</h3>
-                <div className="fstdiv">
-                    <label className="fsLabel">
-                        <input type="radio" name={radioName} value={left} checked={auswahl === left}
-                            onChange = {(e) => setAuswahl(e.target.value)} />
-                        {left}
-                    </label>
-                    <label className="fsLabel">
-                        <input type="radio" name={radioName} value={right} checked={auswahl === right}
-                            onChange = {(e) => setAuswahl(e.target.value)} />
-                        {right}
-                    </label>
-                    <button className="okbutton"  onClick={handleOK}>OK</button>
-                </div>
-            </section>
-            
-            <Modal 
-                isOpen={showModal} 
-                onClose={closeModal}
-                title="Auswahl erforderlich"
-            >
-                <p>Bitte eine Option wählen</p>
-            </Modal>
-        </>
+        <section>
+            <h3>{title}</h3>
+            <div className="fstdiv">
+                <label className="fsLabel">
+                    <input type="radio" name={radioName} value={left} checked={auswahl === left}
+                        onChange={handleRadioChange} />
+                    {left}
+                </label>
+                <label className="fsLabel">
+                    <input type="radio" name={radioName} value={right} checked={auswahl === right}
+                        onChange={handleRadioChange} />
+                    {right}
+                </label>
+            </div>
+        </section>
     )
 }