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

feat(HMS-3686): Update position of blueprint buttons

Browse source
This commit is contained in:
Anna Vítová 2024-03-04 14:57:39 +01:00 • committed by Lucas Garfield
parent 54bfe6dd92
commit 5813fdaf10
7 changed files with 159 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/Components/ImagesTable/ImagesTable.tsx
View file

@ -58,12 +58,21 @@ import {
computeHoursToExpiration,
timestampToDisplayString,
} from '../../Utilities/time';
import { BlueprintActionsMenu } from '../Blueprints/BlueprintActionsMenu';
import { BuildImagesButton } from '../Blueprints/BuildImagesButton';
import { DeleteBlueprintModal } from '../Blueprints/DeleteBlueprintModal';
type ImageTableProps = {
selectedBlueprint?: string | undefined;
setSelectedBlueprint: React.Dispatch<
React.SetStateAction<string | undefined>
>;
};
const ImagesTable = ({ selectedBlueprint }: ImageTableProps) => {
const ImagesTable = ({
selectedBlueprint,
setSelectedBlueprint,
}: ImageTableProps) => {
const [page, setPage] = useState(1);
const [perPage, setPerPage] = useState(10);
const { selectedBlueprintVersion } = useGetBlueprintsQuery(
@ -85,6 +94,7 @@ const ImagesTable = ({ selectedBlueprint }: ImageTableProps) => {
setPerPage(perPage);
};
const [showDeleteModal, setShowDeleteModal] = useState(false);
const {
data: blueprintsComposes,
isSuccess: isBlueprintsSuccess,
@ -163,6 +173,12 @@ const ImagesTable = ({ selectedBlueprint }: ImageTableProps) => {
return (
<>
<>
<DeleteBlueprintModal
selectedBlueprint={selectedBlueprint}
setSelectedBlueprint={setSelectedBlueprint}
setShowDeleteModal={setShowDeleteModal}
isOpen={showDeleteModal}
/>
<Toolbar>
<ToolbarContent>
<ToolbarItem>
@ -174,6 +190,19 @@ const ImagesTable = ({ selectedBlueprint }: ImageTableProps) => {
Create image
</Link>
</ToolbarItem>
{experimentalFlag && (
<>
<ToolbarItem>
<BuildImagesButton selectedBlueprint={selectedBlueprint} />
</ToolbarItem>
<ToolbarItem>
<BlueprintActionsMenu
selectedBlueprint={selectedBlueprint}
setShowDeleteModal={setShowDeleteModal}
/>
</ToolbarItem>
</>
)}
<ToolbarItem variant="pagination" align={{ default: 'alignRight' }}>
<Pagination
itemCount={itemCount}