init

frontend/src/components/sets/SetForm.tsx

@@ -4,11 +4,17 @@ import type { TrainingSet, MuscleGroup } from '../../types';
 import { MUSCLE_GROUPS, MUSCLE_GROUP_LABELS } from '../../types';
 
 interface SetFormProps {
+  /** Vorhandenes Set beim Bearbeiten; `null`/`undefined` beim Erstellen. */
   trainingSet?: TrainingSet | null;
   onSubmit: (name: string, exerciseIds: number[]) => void;
   onCancel: () => void;
 }
 
+/**
+ * Formular zum Erstellen und Bearbeiten eines Trainings-Sets.
+ * Übungen können nach Muskelgruppe gefiltert und per Checkbox ausgewählt werden.
+ * Die Reihenfolge der ausgewählten Übungen ist per Pfeil-Buttons sortierbar.
+ */
 export function SetForm({ trainingSet, onSubmit, onCancel }: SetFormProps) {
   const { exercises, fetchExercises } = useExerciseStore();
   const [name, setName] = useState('');
@@ -16,7 +22,7 @@ export function SetForm({ trainingSet, onSubmit, onCancel }: SetFormProps) {
   const [filterMg, setFilterMg] = useState<MuscleGroup | ''>('');
 
   useEffect(() => {
-    // Lade alle Übungen ohne Filter
+    // Alle Übungen ohne aktiven Filter laden
     useExerciseStore.getState().setFilter({ muscleGroup: '', query: '' });
     fetchExercises();
   }, [fetchExercises]);
@@ -66,6 +72,7 @@ export function SetForm({ trainingSet, onSubmit, onCancel }: SetFormProps) {
 
   const isValid = name.trim().length > 0 && selectedIds.length > 0;
 
+  /** Map für effizienten Zugriff auf Übungsnamen in der Reihenfolge-Ansicht. */
   const exerciseMap = new Map(exercises.map((e) => [e.id, e]));
 
   return (
@@ -86,7 +93,6 @@ export function SetForm({ trainingSet, onSubmit, onCancel }: SetFormProps) {
         />
       </div>
 
-      {/* Übungsauswahl */}
       <div>
         <label className="block text-sm text-gray-400 mb-1">Übungen auswählen *</label>
         <select
@@ -127,7 +133,6 @@ export function SetForm({ trainingSet, onSubmit, onCancel }: SetFormProps) {
         </div>
       </div>
 
-      {/* Sortierbare ausgewählte Übungen */}
       {selectedIds.length > 0 && (
         <div>
           <label className="block text-sm text-gray-400 mb-1">