santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ticket): extract defect class status metadata

Browse Source
This commit is contained in:
santasri.pachhal
2026-06-26 10:38:38 +05:30
parent 1f8ca87bd0
commit 063f963fd4
7 changed files with 90 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/(modules)/ticket/[ticketId]/components/TicketDefectClassTabs.tsx
View File

@@ -2,12 +2,14 @@
import { useEffect, useMemo, useState } from 'react';
import { usePathname, useRouter, useSearchParams } from 'next/navigation';
import { CheckCircle2 } from 'lucide-react';
import { Component } from 'lucide-react';
import { Card, CardContent } from '@/components/ui/card';
import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { cn } from '@/lib/utils';
import { useTicketDefectClassesQuery } from '../../hooks/useTicketQueries';
import { DEFECT_CLASS_STATUS_CONFIG } from './DefectClassStatusLegend';
interface TicketDefectClassTabsProps {
ticketId: string;
@@ -49,7 +51,6 @@ export function TicketDefectClassTabs({
nextParams.set('defect_class', className);
setSelectedClass(className);
console.log(className);
router.replace(`${pathname}?${nextParams.toString()}`, { scroll: false });
};
@@ -86,9 +87,17 @@ export function TicketDefectClassTabs({
<TabsTrigger
key={item.class_name}
value={item.class_name}
className="group h-9 w-full flex-none justify-start gap-2 rounded-full border border-border bg-muted/50 px-3 text-sm text-muted-foreground shadow-none after:hidden data-[state=active]:border-border data-[state=active]:bg-muted data-[state=active]:font-medium data-[state=active]:text-foreground"
className={cn(
'group h-9 w-full flex-none justify-start gap-2 rounded-full border border-border bg-muted/50 px-3 text-sm text-muted-foreground shadow-none after:hidden data-[state=active]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-foreground',
)}
>
<CheckCircle2 className="size-3.5 shrink-0 text-muted-foreground group-data-[state=active]:text-foreground" />
<Component
className={cn(
'size-3.5 shrink-0',
DEFECT_CLASS_STATUS_CONFIG[item.assignment_status]
.iconClassName,
)}
/>
{item.display_name}
</TabsTrigger>
))}