From cec56c7946df3b4cf80b36ce3c6d536a817b5f00 Mon Sep 17 00:00:00 2001
From: regexowl <ksimicko@redhat.com>
Date: Thu, 12 Sep 2024 10:06:59 +0200
Subject: [PATCH] src: Prefetch list of targets on hover of Create blueprint
 button

This prefetches list of possible targets based on distribution for `onMouseEnter` event of Create blueprint button.
---
 .../sharedComponents/ImageBuilderHeader.tsx          | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Components/sharedComponents/ImageBuilderHeader.tsx b/src/Components/sharedComponents/ImageBuilderHeader.tsx
index d845aaa9f..711bc693e 100644
--- a/src/Components/sharedComponents/ImageBuilderHeader.tsx
+++ b/src/Components/sharedComponents/ImageBuilderHeader.tsx
@@ -24,6 +24,9 @@ import {
   CREATING_IMAGES_WITH_IB_SERVICE_URL,
   OSBUILD_SERVICE_ARCHITECTURE_URL,
 } from '../../constants';
+import { useAppSelector } from '../../store/hooks';
+import { imageBuilderApi } from '../../store/imageBuilderApi';
+import { selectDistribution } from '../../store/wizardSlice';
 import { resolveRelPath } from '../../Utilities/path';
 import './ImageBuilderHeader.scss';
 import { useFlagWithEphemDefault } from '../../Utilities/useGetEnvironment';
@@ -94,6 +97,10 @@ export const ImageBuilderHeader = ({
   inWizard,
 }: ImageBuilderHeaderPropTypes) => {
   const navigate = useNavigate();
+
+  const distribution = useAppSelector(selectDistribution);
+  const prefetchTargets = imageBuilderApi.usePrefetch('getArchitectures');
+
   const importExportFlag = useFlagWithEphemDefault(
     'image-builder.import.enabled'
   );
@@ -130,6 +137,11 @@ export const ImageBuilderHeader = ({
                   data-testid="blueprints-create-button"
                   onClick={() => navigate(resolveRelPath('imagewizard'))}
                   isDisabled={!isOnBlueprintsTab}
+                  onMouseEnter={() =>
+                    prefetchTargets({
+                      distribution: distribution,
+                    })
+                  }
                 >
                   Create blueprint
                 </Button>