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

Wizard: remove public clouds if none available

Browse source 
Fixes HMS-6136
This commit is contained in:
Gianluca Zuccarelli 2025-06-12 08:17:15 +00:00 • committed by Simon Steinbeiß
parent 84bc0f92a0
commit 4932ba6909
1 changed files with 64 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

117
src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx
View file

@ -150,66 +150,77 @@ const TargetEnvironment = () => {
/>
);
const publicCloudsSupported = () => {
return (
supportedEnvironments?.includes('aws') ||
supportedEnvironments?.includes('gcp') ||
supportedEnvironments?.includes('azure') ||
supportedEnvironments?.includes('oci')
);
};
return (
<FormGroup
isRequired={true}
label="Select target environments"
data-testid="target-select"
>
<FormGroup label={<small>Public cloud</small>}>
<Gallery hasGutter>
{supportedEnvironments?.includes('aws') && (
<TargetEnvironmentCard
testId="upload-aws"
title="Amazon Web Services"
imageSrc={'/apps/frontend-assets/partners-icons/aws.svg'}
imageAlt="Amazon Web Services logo"
handleOnClick={() => handleToggleEnvironment('aws')}
onMouseEnter={() => prefetchSources({ provider: 'aws' })}
isSelected={environments.includes('aws')}
/>
)}
{supportedEnvironments?.includes('gcp') && (
<TargetEnvironmentCard
testId="upload-google"
title="Google Cloud Platform"
imageSrc={
'/apps/frontend-assets/partners-icons/google-cloud-short.svg'
}
imageAlt="Google Cloud Platform logo"
handleOnClick={() => handleToggleEnvironment('gcp')}
onMouseEnter={() => prefetchSources({ provider: 'gcp' })}
isSelected={environments.includes('gcp')}
/>
)}
{supportedEnvironments?.includes('azure') && (
<TargetEnvironmentCard
testId="upload-azure"
title="Microsoft Azure"
imageSrc={
'/apps/frontend-assets/partners-icons/microsoft-azure-short.svg'
}
imageAlt="Microsoft Azure logo"
handleOnClick={() => handleToggleEnvironment('azure')}
onMouseEnter={() => prefetchSources({ provider: 'azure' })}
isSelected={environments.includes('azure')}
/>
)}
{supportedEnvironments?.includes('oci') &&
showOracleUnavailableWarning && (
<Tooltip
content={
<div>Oracle Cloud support is temporarily unavailable</div>
}
>
<div>{ociTile}</div>
</Tooltip>
{publicCloudsSupported() && (
<FormGroup label={<small>Public cloud</small>}>
<Gallery hasGutter>
{supportedEnvironments?.includes('aws') && (
<TargetEnvironmentCard
testId="upload-aws"
title="Amazon Web Services"
imageSrc={'/apps/frontend-assets/partners-icons/aws.svg'}
imageAlt="Amazon Web Services logo"
handleOnClick={() => handleToggleEnvironment('aws')}
onMouseEnter={() => prefetchSources({ provider: 'aws' })}
isSelected={environments.includes('aws')}
/>
)}
{supportedEnvironments?.includes('oci') &&
!showOracleUnavailableWarning &&
ociTile}
</Gallery>
</FormGroup>
{supportedEnvironments?.includes('gcp') && (
<TargetEnvironmentCard
testId="upload-google"
title="Google Cloud Platform"
imageSrc={
'/apps/frontend-assets/partners-icons/google-cloud-short.svg'
}
imageAlt="Google Cloud Platform logo"
handleOnClick={() => handleToggleEnvironment('gcp')}
onMouseEnter={() => prefetchSources({ provider: 'gcp' })}
isSelected={environments.includes('gcp')}
/>
)}
{supportedEnvironments?.includes('azure') && (
<TargetEnvironmentCard
testId="upload-azure"
title="Microsoft Azure"
imageSrc={
'/apps/frontend-assets/partners-icons/microsoft-azure-short.svg'
}
imageAlt="Microsoft Azure logo"
handleOnClick={() => handleToggleEnvironment('azure')}
onMouseEnter={() => prefetchSources({ provider: 'azure' })}
isSelected={environments.includes('azure')}
/>
)}
{supportedEnvironments?.includes('oci') &&
showOracleUnavailableWarning && (
<Tooltip
content={
<div>Oracle Cloud support is temporarily unavailable</div>
}
>
<div>{ociTile}</div>
</Tooltip>
)}
{supportedEnvironments?.includes('oci') &&
!showOracleUnavailableWarning &&
ociTile}
</Gallery>
</FormGroup>
)}
{supportedEnvironments?.includes('vsphere') && (
<>
<FormGroup