woms 3.0

src/components/EditorDropdown.jsx

@@ -1,44 +1,34 @@
 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' }
-]
+import { useEmployees } from '../hooks/useEmployees'
 
 export default function EditorDropdown({ value, onChange }) {
+  const { employees } = useEmployees()
+  
+  // Finde den zugewiesenen Mitarbeiter anhand der userId
+  const assignedEmployee = employees.find(emp => emp.userId === value)
+  
+  // Zeige Kürzel wenn zugewiesen, sonst Icon
+  const displayValue = assignedEmployee?.shortcode || <FaUserPlus size={20} />
+  
   return (
     <div className="dropdown">
       <button className="btn" style={{ background: 'inherit', color: 'inherit' }}>
-        {value || <FaUserPlus size={20} />}
+        {displayValue}
       </button>
       <div className="dropdown-content">
-        {EDITORS.map(editor => (
+        <span 
+          className="dropdown-item"
+          onClick={() => onChange('')}
+        >
+          <em>(Unassigned)</em>
+        </span>
+        {employees.map(employee => (
           <span 
-            key={editor.id}
+            key={employee.$id}
             className="dropdown-item"
-            onClick={() => onChange(editor.id)}
+            onClick={() => onChange(employee.userId)}
           >
-            {editor.name}
+            {employee.displayName}{employee.shortcode ? ` (${employee.shortcode})` : ''}
           </span>
         ))}
       </div>