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

Wizard: Fix blueprint name update on Architecture/Distribution changes

Browse source 
This commit resolves an issue where the blueprint name did not update when the user changed the Architecture or Distribution.
Additionally, it sets an initial value for blueprintName in the WizardSlice.
This commit is contained in:
Michal Gold 2025-02-25 12:22:08 +02:00 • committed by Lucas Garfield
parent b2255de04e
commit 978237bf84
8 changed files with 96 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Components/CreateImageWizard/utilities/requestMapper.ts
View file

@ -222,6 +222,7 @@ function commonRequestToState(
return {
details: {
blueprintName: request.name || '',
isCustomName: true,
blueprintDescription: request.description || '',
},
users:

27
src/Components/CreateImageWizard/utilities/useGenerateDefaultName.ts
View file

@ -1,15 +1,6 @@
import { useEffect } from 'react';
import { useAppDispatch, useAppSelector } from '../../../store/hooks';
import { Distributions, ImageRequest } from '../../../store/imageBuilderApi';
import {
changeBlueprintName,
selectArchitecture,
selectBlueprintName,
selectDistribution,
} from '../../../store/wizardSlice';
const generateDefaultName = (
export const generateDefaultName = (
distribution: Distributions,
arch: ImageRequest['architecture']
) => {
@ -24,19 +15,3 @@ const generateDefaultName = (
return `${distribution}-${arch}-${dateTimeString}`;
};
export const useGenerateDefaultName = () => {
const dispatch = useAppDispatch();
const blueprintName = useAppSelector(selectBlueprintName);
const distribution = useAppSelector(selectDistribution);
const arch = useAppSelector(selectArchitecture);
useEffect(() => {
if (!blueprintName) {
dispatch(changeBlueprintName(generateDefaultName(distribution, arch)));
}
// This useEffect hook should run *only* on mount and therefore has an empty
// dependency array. eslint's exhaustive-deps rule does not support this use.
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
};