match status

src/features/tournaments/components/seed-tournament.tsx

@@ -17,20 +17,21 @@ import Avatar from "@/components/avatar";
 import { useBracketPreview } from "@/features/bracket/queries";
 import { BracketData } from "@/features/bracket/types";
 import BracketView from "@/features/bracket/components/bracket-view";
+import { useQueryClient } from "@tanstack/react-query";
+import { tournamentKeys } from "../queries";
 
 interface SeedTournamentProps {
   tournamentId: string;
   teams: TeamInfo[];
-  onSuccess?: () => void;
 }
 
 const SeedTournament: React.FC<SeedTournamentProps> = ({
   tournamentId,
-  teams,
-  onSuccess,
+  teams
 }) => {
   const [orderedTeams, setOrderedTeams] = useState<TeamInfo[]>(teams);
   const { data: bracketPreview } = useBracketPreview(teams.length);
+  const queryClient = useQueryClient()
 
   const bracket: BracketData = useMemo(
     () => ({
@@ -56,7 +57,9 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
     mutationFn: generateTournamentBracket,
     successMessage: "Tournament bracket generated successfully!",
     onSuccess: () => {
-      onSuccess?.();
+      queryClient.invalidateQueries({
+        queryKey: tournamentKeys.details(tournamentId)
+      })
     },
   });