fix comments

Author: simbayippy

peerprep-fe/src/app/(main)/components/Filter/FilterBadge.tsx

@@ -1,11 +1,7 @@
 import { Badge } from "@/components/ui/badge";
 import { X } from "lucide-react";
-
-interface FilterBadgeProps {
-  filterType: "difficulty" | "status" | "topics";
-  value: string;
-  onRemove: (filterType: string, value: string) => void;
-}
+import { FilterBadgeProps } from "@/types/types";
+import { cn } from "@/lib/utils";
 
 export function FilterBadge({ filterType, value, onRemove }: FilterBadgeProps) {
   const getBadgeColor = () => {
@@ -29,10 +25,12 @@ export function FilterBadge({ filterType, value, onRemove }: FilterBadgeProps) {
     }
   };
 
-  const badgeColor = getBadgeColor();
-
   return (
-    <Badge variant="secondary" hover={false} className={`pr-1 ${badgeColor}`}>
+    <Badge
+      variant="secondary"
+      hover={false}
+      className={cn("pr-1", getBadgeColor())}
+    >
       {`${filterType}: ${value}`}
       <button
         onClick={() => onRemove(filterType, value)}

peerprep-fe/src/app/(main)/components/Filter/FilterSelect.tsx

@@ -4,14 +4,7 @@ import {
   SelectItem,
   SelectTrigger,
 } from "@/components/ui/select";
-
-interface FilterSelectProps {
-  placeholder: string;
-  options: { value: string; label: string }[];
-  onChange: (value: string) => void;
-  value: string | string[];
-  isMulti?: boolean;
-}
+import { FilterSelectProps } from "@/types/types";
 
 export function FilterSelect({
   placeholder,

peerprep-fe/src/types/types.ts

@@ -17,4 +17,18 @@ interface ProblemDialogData {
   description: string;
 }
 
-export type { Problem, ProblemDialogData };
+interface FilterBadgeProps {
+  filterType: "difficulty" | "status" | "topics";
+  value: string;
+  onRemove: (filterType: string, value: string) => void;
+}
+
+interface FilterSelectProps {
+  placeholder: string;
+  options: { value: string; label: string }[];
+  onChange: (value: string) => void;
+  value: string | string[];
+  isMulti?: boolean;
+}
+
+export type { Problem, ProblemDialogData, FilterBadgeProps, FilterSelectProps };