main page

src/components/EditorDropdown.jsx

@@ -0,0 +1,47 @@
+import { FaUserPlus } from 'react-icons/fa6'
+
+// Diese Liste sollte aus der Datenbank kommen
+const EDITORS = [
+  { id: 'CHLE', name: 'Christian Lehmann' },
+  { id: 'DIBR', name: 'Dietmar Bruckauf' },
+  { id: 'DOAR', name: 'Dominik Armata' },
+  { id: 'GRVO', name: 'Gregor Vowinkel' },
+  { id: 'HADW', name: 'Hasan Dwiko' },
+  { id: 'JEDI', name: 'Jessica Diaz' },
+  { id: 'KNSO', name: 'Kenso Grimm' },
+  { id: 'LUPL', name: 'Lukas Placzek' },
+  { id: 'NIKI', name: 'Nikita Gaidach' },
+  { id: 'MARK', name: 'Marco Kobza' },
+  { id: 'MABA', name: 'Markus Bauer' },
+  { id: 'MATS', name: 'Maksim Tschetschjotkin' },
+  { id: 'PASI', name: 'Pascal Siegfried' },
+  { id: 'NICT', name: 'Nico Stegmann' },
+  { id: 'MEQU', name: 'Melissa Quednau' },
+  { id: 'SASC', name: 'Saskia Schmahl' },
+  { id: 'CHPA', name: 'Christin Paulus' },
+  { id: 'SOSC', name: 'Sonja Schulze' },
+  { id: 'WAWA', name: 'Walter Wawer' },
+  { id: 'YAFO', name: 'Yannick Föller' },
+  { id: 'TODE', name: 'Tobias Decker' }
+]
+
+export default function EditorDropdown({ value, onChange }) {
+  return (
+    <div className="dropdown">
+      <button className="btn" style={{ background: 'inherit', color: 'inherit' }}>
+        {value || <FaUserPlus size={20} />}
+      </button>
+      <div className="dropdown-content">
+        {EDITORS.map(editor => (
+          <span 
+            key={editor.id}
+            className="dropdown-item"
+            onClick={() => onChange(editor.id)}
+          >
+            {editor.name}
+          </span>
+        ))}
+      </div>
+    </div>
+  )
+}