diff --git a/src/Components/ImagesTable/ImagesTableToolbar.tsx b/src/Components/ImagesTable/ImagesTableToolbar.tsx index 38c377a8..027e77ad 100644 --- a/src/Components/ImagesTable/ImagesTableToolbar.tsx +++ b/src/Components/ImagesTable/ImagesTableToolbar.tsx @@ -49,16 +49,19 @@ const ImagesTableToolbar: React.FC = ({ const selectedBlueprintId = useAppSelector(selectSelectedBlueprintId); const blueprintSearchInput = useAppSelector(selectBlueprintSearchInput); - const { data: blueprintsComposes, isFetching: isFetchingBlueprintsCompose } = - useGetBlueprintComposesQuery( - { - id: selectedBlueprintId as string, - limit: perPage, - offset: perPage * (page - 1), - blueprintVersion: useAppSelector(selectBlueprintVersionFilterAPI), - }, - { skip: !selectedBlueprintId } - ); + const { + data: blueprintsComposes, + isFetching: isFetchingBlueprintsCompose, + isSuccess: isSuccessBlueprintsCompose, + } = useGetBlueprintComposesQuery( + { + id: selectedBlueprintId as string, + limit: perPage, + offset: perPage * (page - 1), + blueprintVersion: useAppSelector(selectBlueprintVersionFilterAPI), + }, + { skip: !selectedBlueprintId } + ); const { selectedBlueprintName, selectedBlueprintVersion } = useGetBlueprintsQuery( @@ -116,6 +119,12 @@ const ImagesTableToolbar: React.FC = ({ ); } + const isBlueprintDistroCentos8 = () => { + if (isSuccessBlueprintsCompose) { + return blueprintsComposes.data[0].request.distribution === 'centos-8'; + } + }; + return ( <> = ({ ouiaId="blueprint-out-of-sync-alert" /> )} + {blueprintsComposes && + blueprintsComposes.data.length > 0 && + isBlueprintDistroCentos8() && ( + + )} {selectedBlueprintId && (