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

V1 Wizard: Add search parameter for arch selection

Browse source 
Add an optional search parameter to the wizard like so:

/insights/image-builder/imagewizard?arch=aarch64

This results in the wizard being opened and 'aarch64' being pre-selected as the architecture.
The Insights assistant chat bot and our websites (access.redhat.com and
developers.redhat.com) will make use of this feature.

Relates to HMS-3684
This commit is contained in:
Simon Steinbeiss 2024-03-14 10:10:53 +01:00 • committed by Klara Simickova
parent b271375ff2
commit 9020392969
2 changed files with 40 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/Components/CreateImageWizard/formComponents/ArchSelect.js
View file

@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React, { useEffect, useState } from 'react';
import { FormSpy } from '@data-driven-forms/react-form-renderer';
import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
@ -10,14 +10,24 @@ import {
SelectVariant,
} from '@patternfly/react-core/deprecated';
import PropTypes from 'prop-types';
import { useSearchParams } from 'react-router-dom';
import { ARCHS } from '../../../constants';
import { ARCHS, AARCH64 } from '../../../constants';
const ArchSelect = ({ label, isRequired, ...props }) => {
const { change, getState } = useFormApi();
const { input } = useFieldApi(props);
const [isOpen, setIsOpen] = useState(false);
const [searchParams] = useSearchParams();
// Set the architecture via search parameter
// Used by Insights assistant or external hyperlinks (access.redhat.com, developers.redhat.com)
const preloadArch = searchParams.get('arch');
useEffect(() => {
preloadArch === AARCH64 && change(input.name, AARCH64);
}, [change, input.name, preloadArch]);
const setArch = (_, selection) => {
change(input.name, selection);
setIsOpen(false);