From e4f3e7750a8cf128c681b41f643e61b7b84430e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Reinhard=20X=2E=20F=C3=BCrst?= <rexfue@gmail.com>
Date: Mon, 27 Apr 2026 18:15:01 +0200
Subject: [PATCH] =?UTF-8?q?Replace=20Art=20der=20F=C3=BChrung=20select=20w?=
 =?UTF-8?q?ith=20CustomSelect?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/LogbuchForm.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/components/LogbuchForm.tsx b/components/LogbuchForm.tsx
index 2197f36..79a0098 100644
--- a/components/LogbuchForm.tsx
+++ b/components/LogbuchForm.tsx
@@ -5,6 +5,7 @@ import type { Kuppel, ArtFuehrung, BeoOption, SelectedObjekt, Wetter, LogbuchEin
 import { ARTEN } from '@/types/logbuch';
 import BeoSelector from './BeoSelector';
 import ObjektSelector from './ObjektSelector';
+import CustomSelect from './CustomSelect';
 
 interface Props {
   kuppel: Kuppel;
@@ -163,15 +164,11 @@ export default function LogbuchForm({ kuppel, currentUserBeo, editEntry, onSaved
       {/* Art der Führung — volle Breite */}
       <div>
         <label className={labelCls}>Art der Führung</label>
-        <select
-          value={artFuehrung}
-          onChange={(e) => setArtFuehrung(e.target.value as ArtFuehrung)}
-          className={inputCls}
-        >
-          {ARTEN.map((a) => (
-            <option key={a} value={a}>{a}</option>
-          ))}
-        </select>
+        <CustomSelect
+          placeholder={artFuehrung}
+          options={ARTEN.map((a) => ({ value: a, label: a }))}
+          onChange={(v) => setArtFuehrung(v as ArtFuehrung)}
+        />
       </div>
 
       {/* Beginn / Ende — nebeneinander auf Desktop, untereinander auf Mobile */}