Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | 1x 1x 1x 1x 1x 1x | import { useCallback, useEffect, useState } from 'react';
import { useAuth } from '@/contexts/AuthContext';
import { getMyTicket } from '@/services/ticketService';
import type { TicketDetailResponse } from '@/models/ticket';
import { ApiError } from '@/services/api';
import i18n from '@/i18n';
export type TicketDetailStatus = 'loading' | 'ready' | 'not-found' | 'error';
export interface TicketDetailViewModel {
ticket: TicketDetailResponse | null;
status: TicketDetailStatus;
errorMessage: string | null;
refresh: () => Promise<void>;
}
export function useTicketDetailViewModel(
ticketId: string | undefined,
): TicketDetailViewModel {
const { token } = useAuth();
const [ticket, setTicket] = useState<TicketDetailResponse | null>(null);
const [status, setStatus] = useState<TicketDetailStatus>('loading');
const [errorMessage, setErrorMessage] = useState<string | null>(null);
const refresh = useCallback(async () => {
if (!ticketId || !token) {
setStatus('not-found');
return;
}
setStatus('loading');
setErrorMessage(null);
try {
const response = await getMyTicket(ticketId, token);
setTicket(response);
setStatus('ready');
} catch (err) {
if (err instanceof ApiError) {
if (err.status === 404) {
setStatus('not-found');
} else {
setStatus('error');
setErrorMessage(err.message);
}
} else {
setStatus('error');
setErrorMessage(i18n.t('errors.ticket_detail_load_failed'));
}
}
}, [ticketId, token]);
useEffect(() => {
refresh();
}, [refresh]);
return { ticket, status, errorMessage, refresh };
}
|