From 10db58ac2c5811af58cd2cb6fdd3faf74bea02f4 Mon Sep 17 00:00:00 2001
From: Vojtech Trefny <vtrefny@redhat.com>
Date: Fri, 11 Aug 2023 12:57:26 +0200
Subject: [PATCH] webui: Allow changing and removing duplicate required mount
 points

If user tries to add second / or  /boot mount point we need to
allow them to change or remove it.
---
 ui/webui/src/components/storage/MountPointMapping.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/webui/src/components/storage/MountPointMapping.jsx b/ui/webui/src/components/storage/MountPointMapping.jsx
index 30acf5910d8..b4928233530 100644
--- a/ui/webui/src/components/storage/MountPointMapping.jsx
+++ b/ui/webui/src/components/storage/MountPointMapping.jsx
@@ -138,7 +138,7 @@ const MountPointColumn = ({ handleRequestChange, idPrefix, isRequiredMountPoint,
     return (
         <Flex direction={{ default: "column" }} spaceItems={{ default: "spaceItemsNone" }}>
             <Flex spaceItems={{ default: "spaceItemsMd" }}>
-                {isRequiredMountPoint
+                {isRequiredMountPoint && !duplicatedMountPoint
                     ? (
                         <FlexItem
                           className="mount-point-mapping__mountpoint-text"
@@ -299,6 +299,7 @@ const RequestsTable = ({
     const columnClassName = idPrefix + "__column";
     const getRequestRow = (request) => {
         const isRequiredMountPoint = !!requiredMountPointOptions.find(val => val.value === request["mount-point"]);
+        const duplicatedMountPoint = isDuplicateRequestField(requests, "mount-point", request["mount-point"]);
         const rowId = idPrefix + "-row-" + request["request-id"];
 
         return {
@@ -344,7 +345,7 @@ const RequestsTable = ({
                 },
                 {
                     title: (
-                        isRequiredMountPoint ? null : <MountPointRowRemove request={request} setRequests={setRequests} />
+                        (isRequiredMountPoint && !duplicatedMountPoint) ? null : <MountPointRowRemove request={request} setRequests={setRequests} />
                     ),
                     props: { className: columnClassName }
                 }