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

Wizard: Add Azure launch link for images created in preview

Browse source 
If an image does not contain a subscription_id property, the link to
view the image in Azure will be malformed. This happens when a user
creates an Azure image in beta/preview using sources, and then clicks
the 'View uploaded image' link in stable.

Now, if an Azure image was created using sources (as evidenced by presence
of a source_id in request's upload options), the Launch button appears
and its popover has a link to Preview.
This commit is contained in:
lucasgarfield 2023-05-05 13:22:00 +02:00 • committed by Lucas Garfield
parent 1fcb1cb4b5
commit e8a40e27dc
1 changed files with 35 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/Components/ImagesTable/ImageLinkDirect.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import {
Button,
Divider,
Popover,
Text,
TextContent,
@ -16,6 +17,7 @@ import { RegionsPopover } from './RegionsPopover';
import { selectImageById } from '../../store/composesSlice';
import { resolveRelPath } from '../../Utilities/path';
import BetaLabel from '../sharedComponents/BetaLabel';
const ImageLinkDirect = ({ imageId, isExpired, isInClonesTable }) => {
const navigate = useNavigate();
@ -51,6 +53,7 @@ const ImageLinkDirect = ({ imageId, isExpired, isInClonesTable }) => {
return <RegionsPopover composeId={image.id} />;
}
} else if (uploadStatus.type === 'azure') {
const createdInPreview = image?.uploadOptions?.source_id;
const url =
'https://portal.azure.com/#@' +
image.uploadOptions.tenant_id +
@ -60,7 +63,38 @@ const ImageLinkDirect = ({ imageId, isExpired, isInClonesTable }) => {
image.uploadOptions.resource_group +
'/providers/Microsoft.Compute/images/' +
uploadStatus.options.image_name;
return (
return createdInPreview ? (
<Popover
/* popovers aren't rendered inside of the main page section, make sure our prefixed css still
* applies */
className="imageBuilder"
aria-label="Launch instance"
headerContent={<div>Launch instance</div>}
bodyContent={
<>
<>
<p>
This image was created using features only available in Preview.
</p>
<Divider className="pf-u-mt-sm pf-u-mb-sm" />
<Button
isInline
component="a"
variant="link"
href="/preview/insights/image-builder/landing"
>
<BetaLabel />
Launch from Preview
</Button>
</>
</>
}
>
<Button variant="link" isInline>
Launch
</Button>
</Popover>
) : (
<Button
component="a"
target="_blank"