web: Distinguish "Other" from predefined mount points

In the "Add file system" menu.
agama-project · Apr 29, 2024 · 863d461 · 863d461
1 parent e1a31ff
commit 863d461
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/web/src/components/storage/PartitionsField.jsx b/web/src/components/storage/PartitionsField.jsx
@@ -23,7 +23,7 @@
 
 import React, { useState } from "react";
 import {
-  Button, Dropdown, DropdownList, DropdownItem, List, ListItem, MenuToggle, Skeleton
+  Button, Divider, Dropdown, DropdownList, DropdownItem, List, ListItem, MenuToggle, Skeleton
 } from '@patternfly/react-core';
 import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
 import { sprintf } from "sprintf-js";
@@ -596,11 +596,18 @@ const AddVolumeButton = ({ options, onClick }) => {
     >
       <DropdownList>
         {options.map((option, index) => {
-          return (
-            <DropdownItem key={index} value={option}>
-              {option === "" ? _("Other") : option}
-            </DropdownItem>
-          );
+          if (option === "") {
+            return (
+              <React.Fragment key="other-option">
+                <Divider component="li" key="separator" />
+                <DropdownItem key={index} value={option}>{_("Other")}</DropdownItem>
+              </React.Fragment>
+            );
+          } else {
+            return (
+              <DropdownItem key={index} value={option}><b>{option}</b></DropdownItem>
+            );
+          }
         })}
       </DropdownList>
     </Dropdown>