Cleanup

web/src/components/card/ClassificationCard.tsx

@@ -17,7 +17,6 @@ import { useNavigate } from "react-router-dom";
 import { getTranslatedLabel } from "@/utils/i18n";
 
 type ClassificationCardProps = {
-  className?: string;
   imgClassName?: string;
   data: ClassificationItemData;
   threshold?: ClassificationThreshold;
@@ -28,7 +27,6 @@ type ClassificationCardProps = {
   children?: React.ReactNode;
 };
 export function ClassificationCard({
-  className,
   imgClassName,
   data,
   threshold,

web/src/components/classification/ClassificationModelWizardDialog.tsx

@@ -27,7 +27,7 @@ export default function ClassificationModelWizardDialog({
   const { t } = useTranslation(["views/classificationModel"]);
 
   // step management
-  const [currentStep, setCurrentStep] = useState(0);
+  const [currentStep, _] = useState(0);
 
   return (
     <Dialog

web/src/pages/FaceLibrary.tsx

@@ -940,7 +940,6 @@ function FaceGrid({
     >
       {sortedFaces.map((image: string) => (
         <ClassificationCard
-          className="gap-2 rounded-lg bg-card p-2"
           key={image}
           data={{
             name: pageToggle,

web/src/views/classification/ModelTrainingView.tsx

@@ -637,7 +637,6 @@ function DatasetGrid({
       {classData.map((image) => (
         <ClassificationCard
           key={image}
-          className="w-60 gap-4 rounded-lg bg-card p-2"
           imgClassName="size-auto"
           data={{
             filename: image,
@@ -799,7 +798,6 @@ function StateTrainGrid({
       {trainData?.map((data) => (
         <ClassificationCard
           key={data.filename}
-          className="w-60 gap-2 rounded-lg bg-card p-2"
           imgClassName="size-auto"
           data={data}
           threshold={threshold}