Propertygroup Editor Anzeige

2026-07-31 19:48:42 +02:00
parent 0e72fb23b7
commit 693b7aff36
6 changed files with 149 additions and 15 deletions
@@ -0,0 +1,29 @@
+import React, { useState } from 'react';
+
+const EditPropertyGroup = ({ propertyGroup, onClose }) => {
+    const [labelTranslation, setLabelTranslation] = useState(propertyGroup.labelTranslation);
+    const [description, setDescription] = useState(propertyGroup.description);
+
+    return (
+        <div>
+            <h2 className="editor-title">Edit Property Group</h2>
+            <div className="editor">
+                <label>
+                <span className={`flex flex-row gap-2`}>
+                    <p>Name:</p>
+                    <input className='input_text' type="text" value={labelTranslation} onChange={(e) => setLabelTranslation(e.target.value)} />
+                </span>
+                </label>
+                <span>
+                <label>
+                    Description:
+                    <textarea className='input_area' value={description} onChange={(e) => setDescription(e.target.value)} />
+                </label>
+                </span> 
+            </div>
+            <button onClick={onClose}>Save</button>
+        </div>
+    );
+};
+
+export default EditPropertyGroup;