Radiobuttons OHNE OK

src/FormContext.jsx

@@ -14,7 +14,7 @@ export function FormProvider({ children }) {
     spendenArt: '',
     barspende: '',
     bemerkungen: '',
-    neuertermin: '1900-01-01T00:00',
+    neuertermin: '',
     // Weitere Felder können hier hinzugefügt werden
   })
 
@@ -39,7 +39,7 @@ export function FormProvider({ children }) {
       spendenArt: '',
       barspende: '',
       bemerkungen: '',
-      neuertermin: '1900-01-01T00:00'
+      neuertermin: ''
     })
   }
 

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 = () => {
+    const handleRadioChange = (e) => {
-        if(!auswahl) {
+        const value = e.target.value
-            setShowModal(true)
+        setAuswahl(value)
-            return
+        updateFormData('stattgefunden', value)
-        }
+        onNext(value)
-        updateFormData('stattgefunden', auswahl)
-        onNext(auswahl)
-    }
-
-    const closeModal = () => {
-        setShowModal(false)
     }
 
     return (
-        <>
+        <section>
-            <section>
+            <h3>{title}</h3>
-                <h3>{title}</h3>
+            <div className="fstdiv">
-                <div className="fstdiv">
+                <label className="fsLabel">
-                    <label className="fsLabel">
+                    <input type="radio" name={radioName} value={left} checked={auswahl === left}
-                        <input type="radio" name={radioName} value={left} checked={auswahl === left}
+                        onChange={handleRadioChange} />
-                            onChange = {(e) => setAuswahl(e.target.value)} />
+                    {left}
-                        {left}
+                </label>
-                    </label>
+                <label className="fsLabel">
-                    <label className="fsLabel">
+                    <input type="radio" name={radioName} value={right} checked={auswahl === right}
-                        <input type="radio" name={radioName} value={right} checked={auswahl === right}
+                        onChange={handleRadioChange} />
-                            onChange = {(e) => setAuswahl(e.target.value)} />
+                    {right}
-                        {right}
+                </label>
-                    </label>
+            </div>
-                    <button className="okbutton"  onClick={handleOK}>OK</button>
+        </section>
-                </div>
-            </section>
-            
-            <Modal 
-                isOpen={showModal} 
-                onClose={closeModal}
-                title="Auswahl erforderlich"
-            >
-                <p>Bitte eine Option wählen</p>
-            </Modal>
-        </>
     )
 }