refactor: simplify ticket lifecycle flow, remove processing and completed state

src/app/(modules)/ticket/hooks/useTicketDetailEvents.ts

@@ -1,30 +1,15 @@
 'use client';
 
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
-import { useRouter } from 'next/navigation';
 
 import { API_ROUTES } from '@/constants/apiRoutes';
 import { useSseWithToken } from '@/hooks/sse/useSseWithToken';
 import { ticketService } from '@/services/api';
-import type {
-  TicketDetailStatusEvent,
-  TicketProgressEvent,
-  TicketStreamErrorEvent,
-} from '@/types';
+import type { TicketDetailStatusEvent } from '@/types';
 
 import { ticketKeys } from '../queries/ticketKeys';
 
-export interface TicketProcessingProgress {
-  progress: number;
-  message: string | null;
-}
-
-export interface TicketDetailLiveState {
-  progress: TicketProcessingProgress | null;
-  errorMessage: string | null;
-}
-
 const TICKET_DETAIL_RECONNECT_EVENTS = ['error'] as const;
 
 function isHeartbeatEvent(event: { type?: string } | null | undefined) {
@@ -35,14 +20,9 @@ export function useTicketDetailEvents(
   ticketId: string | undefined,
   defectClass: string | undefined,
   enabled = true,
-): TicketDetailLiveState {
-  const router = useRouter();
+): void {
   const queryClient = useQueryClient();
   const defectClassRef = useRef(defectClass);
-  const [progress, setProgress] = useState<TicketProcessingProgress | null>(
-    null,
-  );
-  const [errorMessage, setErrorMessage] = useState<string | null>(null);
 
   useEffect(() => {
     defectClassRef.current = defectClass;
@@ -60,18 +40,6 @@ export function useTicketDetailEvents(
     queryClient.invalidateQueries({ queryKey: ticketKeys.lists() });
   }, [queryClient, ticketId]);
 
-  const selectDefectClass = useCallback(
-    (nextDefectClass: string | null | undefined) => {
-      if (!ticketId || !nextDefectClass || defectClassRef.current) return;
-
-      router.replace(
-        `/ticket/${ticketId}?defect_class=${encodeURIComponent(nextDefectClass)}`,
-        { scroll: false },
-      );
-    },
-    [router, ticketId],
-  );
-
   const getToken = useCallback(
     () => ticketService.createTicketEventsToken(ticketId as string),
     [ticketId],
@@ -89,30 +57,10 @@ export function useTicketDetailEvents(
         if (isHeartbeatEvent(event)) return;
         refetchTicket();
       },
-      progress: (event: TicketProgressEvent) => {
-        setErrorMessage(null);
-        setProgress({
-          progress: event.progress,
-          message: event.message,
-        });
-      },
-      complete: (event: TicketProgressEvent) => {
-        setErrorMessage(null);
-        setProgress({
-          progress: 100,
-          message: event.message,
-        });
-        selectDefectClass(event.defect_class);
-        refetchTicket();
-      },
-      error: (event: TicketStreamErrorEvent) => {
-        setErrorMessage(
-          event.message ?? 'Live ticket updates disconnected. Reconnecting...',
-        );
-      },
+      error: () => undefined,
       heartbeat: () => undefined,
     }),
-    [refetchTicket, selectDefectClass],
+    [refetchTicket],
   );
 
   const shouldStop = useCallback(
@@ -122,15 +70,6 @@ export function useTicketDetailEvents(
     [],
   );
 
-  const onConnectionError = useCallback(() => {
-    setErrorMessage('Live ticket updates disconnected. Reconnecting...');
-  }, []);
-
-  useEffect(() => {
-    setProgress(null);
-    setErrorMessage(null);
-  }, [ticketId]);
-
   useSseWithToken({
     enabled: Boolean(enabled && ticketId),
     getToken,
@@ -138,8 +77,5 @@ export function useTicketDetailEvents(
     events,
     reconnectOnEvents: TICKET_DETAIL_RECONNECT_EVENTS,
     shouldStop,
-    onConnectionError,
   });
-
-  return { progress, errorMessage };
 }

src/app/(modules)/ticket/hooks/useTicketQueries.ts

@@ -23,29 +23,26 @@ const TICKET_TABLE_REFRESH_MS = 5 * 60 * 1000;
 interface UseTicketsQueryParams {
   skip: number;
   limit: number;
-  status?: TicketStatus | 'all';
   chainageId?: string;
 }
 
 function buildTicketListParams({
   skip,
   limit,
-  status,
   chainageId,
 }: UseTicketsQueryParams): TicketListParams {
   return {
     skip,
     limit,
-    status: status === 'all' ? undefined : status,
     chainage_id: chainageId || undefined,
   };
 }
 
 export function useTicketsQuery(params: UseTicketsQueryParams) {
-  const { skip, limit, status, chainageId } = params;
+  const { skip, limit, chainageId } = params;
   const listParams = useMemo(
-    () => buildTicketListParams({ skip, limit, status, chainageId }),
-    [chainageId, limit, skip, status],
+    () => buildTicketListParams({ skip, limit, chainageId }),
+    [chainageId, limit, skip],
   );
 
   return useQuery({
@@ -115,23 +112,6 @@ export function useAssignTicketMutation(ticketId: string) {
   });
 }
 
-export function useStartTicketMutation(ticketId: string) {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: () => ticketService.startTicket(ticketId),
-    onSuccess: (ticket) => {
-      toast.success('Ticket started');
-      queryClient.setQueryData<TicketDetail>(
-        ticketKeys.detail(ticketId),
-        (current) => mergeTicketDetailResponse(current, ticket),
-      );
-      queryClient.invalidateQueries({ queryKey: ticketKeys.lists() });
-    },
-    onError: () => toast.error('Failed to start ticket'),
-  });
-}
-
 export function useSubmitRepairMutation(ticketId: string) {
   const queryClient = useQueryClient();