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

feat(HMS-3688): Add blueprints import dialog

Browse source
This commit is contained in:
Anna Vítová 2024-03-26 17:04:16 +01:00 • committed by Klara Simickova
parent 7e0df050c3
commit e301271ac1
2 changed files with 122 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import React from 'react';
import React, { useState } from 'react';
import {
Button,
@ -25,6 +25,7 @@ import { Link } from 'react-router-dom';
import { resolveRelPath } from '../../Utilities/path';
import './ImageBuilderHeader.scss';
import { ImportBlueprintModal } from '../Blueprints/ImportBlueprintModal';
type ImageBuilderHeaderPropTypes = {
experimentalFlag?: boolean;
@ -33,8 +34,13 @@ type ImageBuilderHeaderPropTypes = {
export const ImageBuilderHeader = ({
experimentalFlag,
}: ImageBuilderHeaderPropTypes) => {
const [showImportModal, setShowImportModal] = useState(false);
return (
<>
<ImportBlueprintModal
setShowImportModal={setShowImportModal}
isOpen={showImportModal}
/>
<PageHeader data-testid="image-builder-header">
<Flex>
<FlexItem>
@ -114,6 +120,7 @@ export const ImageBuilderHeader = ({
variant="secondary"
icon={<ImportIcon />}
iconPosition="end"
onClick={() => setShowImportModal(true)}
>
Import{' '}
</Button>