diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index e3ab213..21b1f46 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1034,9 +1034,11 @@ export const App: React.FC = () => {
- + {activeTab === 'triage' ? : }
-

Schnell erfassen

+

+ {activeTab === 'triage' ? 'Quick Dump erfassen' : 'Schnell erfassen'} +

+ {/* Target & Options Toggle Pill (Hidden when target picker is disabled) */} + {!hideTargetPicker && ( + + )} {/* Voice Dictation Button */} - - {/* Option 2: Direct Task */} - - - {/* Option 3: Direct List Item */} - - - {/* Option 4: Direct Workspace Note */} - -
- - - {/* Optional Sub-Row: Shared List Picker */} - {lists.length > 0 && ( -
- - - Liste: - - {lists.map((lst) => { - const isSelected = target === 'list_item' && targetListId === lst.id; - return ( +
+ {/* Option 1: Quick Dump (Triage) */} - ); - })} -
+ + {/* Option 2: Direct Task */} + + + {/* Option 3: Direct List Item */} + + + {/* Option 4: Direct Workspace Note */} + +
+ + + {/* Optional Sub-Row: Shared List Picker */} + {lists.length > 0 && ( +
+ + + Liste: + + {lists.map((lst) => { + const isSelected = target === 'list_item' && targetListId === lst.id; + return ( + + ); + })} +
+ )} + )} {/* Row 2: Priority & Due Date */} -
-
- Priorität: +
+
+ Priorität: {(['low', 'normal', 'high', 'urgent'] as PriorityLevel[]).map((p) => { - const labels: Record = { - low: 'Niedrig', - normal: 'Normal', - high: 'Hoch', - urgent: 'Dringend', + const config: Record = { + low: { label: 'Niedrig', activeClass: 'bg-canvas border-strong text-main font-semibold shadow-xs' }, + normal: { label: 'Normal', activeClass: 'bg-accent/15 border-accent text-accent font-semibold shadow-xs' }, + high: { label: 'Wichtig', icon: , activeClass: 'bg-status-warn/15 border-status-warn text-status-warn font-semibold shadow-xs' }, + urgent: { label: 'Dringend', icon: , activeClass: 'bg-status-err/15 border-status-err text-status-err font-semibold shadow-xs' }, }; const active = priority === p; + const item = config[p]; return ( ); })}
-
- - +
+ + Fällig am: = ({
- {/* Priority Buttons */} + {/* Priority Buttons (4 Buttons) */}
-
+
+
)} - {/* Priority & Due Date */} -
-
- - + {/* Priority - 4 Buttons */} +
+ +
+ {(['low', 'normal', 'high', 'urgent'] as PriorityLevel[]).map((p) => { + const config: Record = { + low: { label: 'Niedrig', activeClass: 'bg-canvas border-strong text-main font-semibold shadow-xs' }, + normal: { label: 'Normal', activeClass: 'bg-accent/15 border-accent text-accent font-semibold shadow-xs' }, + high: { label: 'Wichtig', icon: , activeClass: 'bg-status-warn/15 border-status-warn text-status-warn font-semibold shadow-xs' }, + urgent: { label: 'Dringend', icon: , activeClass: 'bg-status-err/15 border-status-err text-status-err font-semibold shadow-xs' }, + }; + const active = mobileCreatePriority === p; + const item = config[p]; + return ( + + ); + })}
+
-
- - setMobileCreateDueDate(e.target.value)} - className="w-full input-field px-2 py-2 text-xs" - /> -
+ {/* Due Date */} +
+ + setMobileCreateDueDate(e.target.value)} + className="w-full input-field px-3 py-2 text-xs" + />