make first letter caps

Author: simbayippy

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

@@ -6,21 +6,21 @@ import { cn } from '@/lib/utils';
 export function FilterBadge({ filterType, value, onRemove }: FilterBadgeProps) {
   const getBadgeColor = () => {
     switch (filterType) {
-      case 'difficulty':
+      case 'Difficulty':
         return value === 'easy'
           ? 'bg-green-600'
           : value === 'medium'
             ? 'bg-yellow-600'
             : value === 'hard'
               ? 'bg-red-600'
               : 'bg-gray-600';
-      case 'status':
+      case 'Status':
         return value === 'todo'
           ? 'bg-yellow-600'
           : value === 'solved'
             ? 'bg-green-600'
             : 'bg-gray-600';
-      case 'topics':
+      case 'Topics':
         return 'bg-indigo-600';
     }
   };

peerprep-fe/src/app/(main)/components/filter/FilterBar.tsx

@@ -90,7 +90,7 @@ export default function FilterBar({
       <div className="flex flex-wrap gap-2">
         {filters.difficulty && (
           <FilterBadge
-            filterType="difficulty"
+            filterType="Difficulty"
             value={
               DIFFICULTY_OPTIONS.find((opt) => opt.value === filters.difficulty)
                 ?.label || ''
@@ -100,7 +100,7 @@ export default function FilterBar({
         )}
         {filters.status && (
           <FilterBadge
-            filterType="status"
+            filterType="Status"
             value={
               STATUS_OPTIONS.find((opt) => opt.value === filters.status)
                 ?.label || ''
@@ -112,7 +112,7 @@ export default function FilterBar({
           filters.topics.map((topic) => (
             <FilterBadge
               key={`topics-${topic}`}
-              filterType="topics"
+              filterType="Topics"
               value={topic}
               onRemove={() => removeFilter('topics', topic)}
             />

peerprep-fe/src/types/types.ts

@@ -18,7 +18,7 @@ interface ProblemDialogData {
 }
 
 interface FilterBadgeProps {
-  filterType: 'difficulty' | 'status' | 'topics';
+  filterType: 'Difficulty' | 'Status' | 'Topics';
   value: string;
   onRemove: (filterType: string, value: string) => void;
 }