@@ -20,7 +20,7 @@ | |||
import { FlagMessage, Link, Spinner } from 'design-system'; | |||
import * as React from 'react'; | |||
import { translate } from '../../../../helpers/l10n'; | |||
import { useBranchWarrningQuery } from '../../../../queries/branch'; | |||
import { useBranchWarningQuery } from '../../../../queries/branch'; | |||
import { Task, TaskStatuses } from '../../../../types/tasks'; | |||
import { Component } from '../../../../types/types'; | |||
import { AnalysisErrorModal } from './AnalysisErrorModal'; | |||
@@ -35,7 +35,7 @@ export interface HeaderMetaProps { | |||
export function AnalysisStatus(props: HeaderMetaProps) { | |||
const { component, currentTask, isInProgress, isPending } = props; | |||
const { data: warnings, isLoading } = useBranchWarrningQuery(component); | |||
const { data: warnings, isLoading } = useBranchWarningQuery(component); | |||
const [modalIsVisible, setDisplayModal] = React.useState(false); | |||
const openModal = React.useCallback(() => { |
@@ -166,11 +166,12 @@ export function useBranchStatusQuery(component: Component) { | |||
}); | |||
} | |||
export function useBranchWarrningQuery(component: Component) { | |||
export function useBranchWarningQuery(component: Component) { | |||
const branchQuery = useBranchesQuery(component); | |||
const branchLike = branchQuery.data?.branchLike; | |||
const key = useBranchesQueryKey(InnerState.Warning); | |||
return useQuery({ | |||
queryKey: useBranchesQueryKey(InnerState.Warning), | |||
queryKey: key, | |||
queryFn: async ({ queryKey }) => { | |||
const { query, componentKey } = getContext(queryKey); | |||
const { component: branchStatus } = await getAnalysisStatus({ | |||
@@ -179,7 +180,7 @@ export function useBranchWarrningQuery(component: Component) { | |||
}); | |||
return branchStatus.warnings; | |||
}, | |||
enabled: !!branchLike && isProject(component.qualifier), | |||
enabled: !!branchLike && isProject(component.qualifier) && component.key === key[1], | |||
staleTime: BRANCHES_STALE_TIME, | |||
}); | |||
} |