Kaynağa Gözat

refactor(exercise-list-item.tsx): remove unused Play and Star icons, and wrap exercise name in InlineTooltip for better UX
style(exercise-list-item.tsx): adjust class names for improved responsiveness and visual consistency

Mathias 1 ay önce
ebeveyn
işleme
fa585c7a8d

+ 10 - 7
src/features/workout-builder/ui/exercise-list-item.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import Image from "next/image";
-import { Play, Shuffle, Star, Trash2, GripVertical, Loader2 } from "lucide-react";
+import { Play, Shuffle, Trash2, GripVertical, Loader2 } from "lucide-react";
 import { CSS } from "@dnd-kit/utilities";
 import { useSortable } from "@dnd-kit/sortable";
 
@@ -127,11 +127,13 @@ export function ExerciseListItem({ exercise, muscle, onShuffle, onPick, onDelete
           </InlineTooltip>
 
           {/* Nom de l'exercice avec indicateurs */}
-          <div className="flex-1 min-w-0">
-            <div className="flex items-center gap-3 mb-1">
-              <h3 className="font-semibold text-slate-900 dark:text-slate-200 truncate text-sm">{exerciseName}</h3>
+          <InlineTooltip className="tooltip tooltip-bottom z-50 max-w-[300px]" title={exerciseName || ""}>
+            <div className="flex-1 min-w-0 ">
+              <div className="flex items-center gap-3 mb-1">
+                <h3 className="font-semibold text-slate-900 dark:text-slate-200 md:truncate text-sm">{exerciseName}</h3>
+              </div>
             </div>
-          </div>
+          </InlineTooltip>
         </div>
 
         <div className="flex items-center gap-1 sm:gap-2 shrink-0">
@@ -148,14 +150,15 @@ export function ExerciseListItem({ exercise, muscle, onShuffle, onPick, onDelete
           </Button>
 
           {/* Bouton pick */}
-          <Button
+          {/* TODO: V2 */}
+          {/* <Button
             className="p-1 sm:p-2 bg-blue-50 dark:bg-blue-950/50 hover:bg-blue-100 dark:hover:bg-blue-950 text-blue-600 dark:text-blue-400 border-2 border-blue-200 dark:border-blue-800"
             onClick={handleOpenPickModal}
             size="small"
           >
             <Star className="h-3.5 w-3.5" />
             <span className="hidden sm:inline">{t("workout_builder.exercise.pick")}</span>
-          </Button>
+          </Button> */}
 
           {/* Bouton delete */}
           <Button