particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

store/backendApi: create a useBackendPrefetch hook

Browse source 
Create a helper hook for RTK prefetch queries. This wrapper function
is needed since the imagebuilderApi and cockpitApi aren't at parity
yet.
This commit is contained in:
Gianluca Zuccarelli 2025-01-10 12:50:51 +00:00 • committed by Sanne Raymaekers
parent 5a70e31d5a
commit 6e9bd89b08
3 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/Components/CreateImageWizard/steps/Oscap/index.tsx
View file

@ -17,7 +17,7 @@ import {
COMPLIANCE_PROD_URL,
COMPLIANCE_STAGE_URL,
} from '../../../../constants';
import { imageBuilderApi } from '../../../../store/enhancedImageBuilderApi';
import { useBackendPrefetch } from '../../../../store/backendApi';
import { useAppDispatch, useAppSelector } from '../../../../store/hooks';
import { useGetOscapCustomizationsQuery } from '../../../../store/imageBuilderApi';
import {
@ -44,10 +44,7 @@ const OscapStep = () => {
const complianceEnabled = useFlag('image-builder.compliance.enabled');
const complianceType = useAppSelector(selectComplianceType);
const profileID = useAppSelector(selectComplianceProfileID);
const prefetchOscapProfile = imageBuilderApi.usePrefetch(
'getOscapProfiles',
{}
);
const prefetchOscapProfile = useBackendPrefetch('getOscapProfiles', {});
const { isProd } = useGetEnvironment();
const release = removeBetaFromRelease(useAppSelector(selectDistribution));
const { data: currentProfileData } = useGetOscapCustomizationsQuery(

4
src/Components/sharedComponents/ImageBuilderHeader.tsx
View file

@ -24,8 +24,8 @@ import {
CREATING_IMAGES_WITH_IB_SERVICE_URL,
OSBUILD_SERVICE_ARCHITECTURE_URL,
} from '../../constants';
import { useBackendPrefetch } from '../../store/backendApi';
import { useAppSelector } from '../../store/hooks';
import { imageBuilderApi } from '../../store/imageBuilderApi';
import { selectDistribution } from '../../store/wizardSlice';
import { resolveRelPath } from '../../Utilities/path';
import './ImageBuilderHeader.scss';
@ -99,7 +99,7 @@ export const ImageBuilderHeader = ({
const navigate = useNavigate();
const distribution = useAppSelector(selectDistribution);
const prefetchTargets = imageBuilderApi.usePrefetch('getArchitectures');
const prefetchTargets = useBackendPrefetch('getArchitectures');
const importExportFlag = useFlagWithEphemDefault(
'image-builder.import.enabled'

4
src/store/backendApi.ts
View file

@ -41,6 +41,10 @@ export const useGetOscapProfilesQuery = process.env.IS_ON_PREMISE
? useCockpitGetOscapProfilesQuery
: useImageBuilderGetOscapProfilesQuery;
export const useBackendPrefetch = process.env.IS_ON_PREMISE
? cockpitApi.usePrefetch
: imageBuilderApi.usePrefetch;
export const backendApi = process.env.IS_ON_PREMISE
? cockpitApi
: imageBuilderApi;