fieles neues

src/components/FilialDetail.jsx

@@ -3,6 +3,7 @@ import { databases, DATABASE_ID } from '@/lib/appwrite';
 import { Query } from 'appwrite';
 import { useLagerstandorte } from '@/hooks/useLagerstandorte';
 import LagerstandortManager from './LagerstandortManager';
+import UserAssignDialog from './UserAssignDialog';
 import UserCreateForm from './UserCreateForm';
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
@@ -20,6 +21,7 @@ const ROLE_LABELS = {
 
 export default function FilialDetail({ location: loc, onClose, showToast, onUserAdded }) {
   const [users, setUsers] = useState([]);
+  const [showAssignDialog, setShowAssignDialog] = useState(false);
   const [showUserForm, setShowUserForm] = useState(false);
   const [showLsManager, setShowLsManager] = useState(false);
 
@@ -91,9 +93,14 @@ export default function FilialDetail({ location: loc, onClose, showToast, onUser
             <CardTitle className="text-base">Benutzer dieser Filiale</CardTitle>
           </CardHeader>
           <CardContent className="space-y-3">
-            <Button size="sm" variant="outline" className="w-full" onClick={() => setShowUserForm(true)}>
-              Benutzer hinzufügen
-            </Button>
+            <div className="flex gap-2">
+              <Button size="sm" variant="outline" className="flex-1" onClick={() => setShowAssignDialog(true)}>
+                Benutzer zuordnen
+              </Button>
+              <Button size="sm" variant="outline" className="flex-1" onClick={() => setShowUserForm(true)}>
+                Neuer Benutzer
+              </Button>
+            </div>
             <div className="max-h-48 space-y-2 overflow-y-auto">
               {users.length === 0 ? (
                 <p className="text-center text-sm text-muted-foreground">Keine Benutzer</p>
@@ -120,6 +127,19 @@ export default function FilialDetail({ location: loc, onClose, showToast, onUser
         />
       )}
 
+      {showAssignDialog && (
+        <UserAssignDialog
+          location={loc}
+          onClose={() => setShowAssignDialog(false)}
+          onSuccess={() => {
+            loadUsers();
+            setShowAssignDialog(false);
+            onUserAdded?.();
+          }}
+          showToast={showToast}
+        />
+      )}
+
       {showUserForm && (
         <UserCreateForm
           locationId={loc?.$id}