Files
nuzlocke-tracker/frontend/src/hooks/useRuns.ts
Julian Tabel 110b864e95 Add ability to end a run as victory or defeat
Add End Run button to run dashboard with a confirmation modal offering
Victory/Defeat choice. Backend auto-sets completedAt timestamp and
validates only active runs can be ended. Ended runs show a completion
banner with date and duration, rename team to "Final Team", and hide
encounter logging and status change interactions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-07 13:12:56 +01:00

54 lines
1.6 KiB
TypeScript

import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { getRuns, getRun, createRun, updateRun, deleteRun } from '../api/runs'
import type { CreateRunInput, UpdateRunInput } from '../types/game'
export function useRuns() {
return useQuery({
queryKey: ['runs'],
queryFn: getRuns,
})
}
export function useRun(id: number) {
return useQuery({
queryKey: ['runs', id],
queryFn: () => getRun(id),
})
}
export function useCreateRun() {
const queryClient = useQueryClient()
return useMutation({
mutationFn: (data: CreateRunInput) => createRun(data),
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['runs'] })
},
})
}
export function useUpdateRun(id: number) {
const queryClient = useQueryClient()
return useMutation({
mutationFn: (data: UpdateRunInput) => updateRun(id, data),
onSuccess: (_result, data) => {
queryClient.invalidateQueries({ queryKey: ['runs'] })
queryClient.invalidateQueries({ queryKey: ['runs', id] })
if (data.status === 'completed') toast.success('Run marked as completed!')
else if (data.status === 'failed') toast.success('Run marked as failed')
else toast.success('Run updated')
},
onError: (err) => toast.error(`Failed to update run: ${err.message}`),
})
}
export function useDeleteRun() {
const queryClient = useQueryClient()
return useMutation({
mutationFn: (id: number) => deleteRun(id),
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['runs'] })
},
})
}