feat(web): edit volume group

web/src/components/storage/ConfigEditorMenu.test.tsx

@@ -68,7 +68,7 @@ it("allows users to change the boot options", async () => {
   const { user, menu } = await openMenu();
   const bootItem = within(menu).getByRole("menuitem", { name: /boot options/ });
   await user.click(bootItem);
-  expect(mockNavigateFn).toHaveBeenCalledWith(PATHS.bootDevice);
+  expect(mockNavigateFn).toHaveBeenCalledWith(PATHS.editBootDevice);
 });
 
 it("allows users to reset the config", async () => {

web/src/components/storage/ConfigEditorMenu.tsx

@@ -64,15 +64,15 @@ export default function ConfigEditorMenu() {
       <DropdownList>
         <DropdownItem
           key="lvm-link"
-          onClick={() => navigate(PATHS.lvm.create)}
+          onClick={() => navigate(PATHS.volumeGroup.add)}
           description={_("Extend the installation using LVM")}
         >
           {_("Add LVM volume group")}
         </DropdownItem>
         <Divider />
         <DropdownItem
           key="boot-link"
-          onClick={() => navigate(PATHS.bootDevice)}
+          onClick={() => navigate(PATHS.editBootDevice)}
           description={_("Select the disk to configure partitions for booting")}
         >
           {_("Change boot options")}

web/src/components/storage/DriveEditor.test.tsx

@@ -222,7 +222,7 @@ describe("PartitionMenuItem", () => {
       name: "Edit swap",
     });
     await user.click(editSwapButton);
-    expect(mockNavigateFn).toHaveBeenCalledWith("/storage/devices/sda/partitions/swap/edit");
+    expect(mockNavigateFn).toHaveBeenCalledWith("/storage/drives/sda/partitions/swap/edit");
   });
 });
 

web/src/components/storage/DriveEditor.tsx

@@ -84,7 +84,7 @@ const SpacePolicySelector = ({ drive, driveDevice }: DriveEditorProps) => {
   const { setSpacePolicy } = useDrive(drive.name);
   const onSpacePolicyChange = (spacePolicy: apiModel.SpacePolicy) => {
     if (spacePolicy === "custom") {
-      return navigate(generatePath(PATHS.findSpace, { id: baseName(drive.name) }));
+      return navigate(generatePath(PATHS.drive.editSpacePolicy, { id: baseName(drive.name) }));
     } else {
       setSpacePolicy(spacePolicy);
     }
@@ -476,7 +476,9 @@ const PartitionsNoContentSelector = ({ drive, toggleAriaLabel }) => {
           itemId="add-partition"
           description={_("Add another partition or mount an existing one")}
           role="menuitem"
-          onClick={() => navigate(generatePath(PATHS.addPartition, { id: baseName(drive.name) }))}
+          onClick={() =>
+            navigate(generatePath(PATHS.drive.partition.add, { id: baseName(drive.name) }))
+          }
         >
           <Flex component="span" justifyContent={{ default: "justifyContentSpaceBetween" }}>
             <span>{_("Add or use partition")}</span>
@@ -490,7 +492,7 @@ const PartitionsNoContentSelector = ({ drive, toggleAriaLabel }) => {
 const PartitionMenuItem = ({ driveName, mountPath }) => {
   const drive = useDrive(driveName);
   const partition = drive.getPartition(mountPath);
-  const editPath = generatePath(PATHS.editPartition, {
+  const editPath = generatePath(PATHS.drive.partition.edit, {
     id: baseName(driveName),
     partitionId: encodeURIComponent(mountPath),
   });
@@ -525,7 +527,9 @@ const PartitionsWithContentSelector = ({ drive, toggleAriaLabel }) => {
           key="add-partition"
           itemId="add-partition"
           description={_("Add another partition or mount an existing one")}
-          onClick={() => navigate(generatePath(PATHS.addPartition, { id: baseName(drive.name) }))}
+          onClick={() =>
+            navigate(generatePath(PATHS.drive.partition.add, { id: baseName(drive.name) }))
+          }
         >
           <Flex component="span" justifyContent={{ default: "justifyContentSpaceBetween" }}>
             <span>{_("Add or use partition")}</span>

web/src/components/storage/EncryptionSection.test.tsx

@@ -79,6 +79,6 @@ describe("EncryptionSection", () => {
   it("renders a link for navigating to encryption settings", () => {
     plainRender(<EncryptionSection />);
     const editLink = screen.getByRole("link", { name: "Edit" });
-    expect(editLink).toHaveAttribute("href", STORAGE.encryption);
+    expect(editLink).toHaveAttribute("href", STORAGE.editEncryption);
   });
 });

web/src/components/storage/EncryptionSection.tsx

@@ -47,7 +47,7 @@ export default function EncryptionSection() {
 the new file systems, including data, programs, and system files.",
       )}
       pfCardBodyProps={{ isFilled: true }}
-      actions={<Link to={STORAGE.encryption}>{_("Edit")}</Link>}
+      actions={<Link to={STORAGE.editEncryption}>{_("Edit")}</Link>}
     >
       <Card isCompact isPlain>
         <CardBody>