Add divider to menu

Signed-off-by: Volker Theile <[email protected]>
aquarist-labs · Sep 13, 2023 · 179db37 · 179db37
1 parent f6aca45
commit 179db37
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/DropOption/DropOption.js b/src/components/DropOption/DropOption.js
@@ -4,6 +4,9 @@ import { Dropdown, Button, Icon, Menu, Tooltip } from 'antd'
 
 const DropOption = ({ onMenuClick, menuOptions = [], buttonStyle, dropdownProps, tooltipProps }) => {
   const menu = menuOptions.map(item => {
+    if (item.type === 'divider') {
+      return (<Menu.Divider />)
+    }
     const tooltip = item.tooltip !== undefined ? item.tooltip : ''
     return (
       <Menu.Item key={item.key} disabled={!!item.disabled}>

diff --git a/src/routes/objectStorage/ObjectStoreActions.js b/src/routes/objectStorage/ObjectStoreActions.js
@@ -34,8 +34,9 @@ function actions({ selected, deleteObjectStore, editObjectStore, administrateObj
 
   const availableActions = [
     { key: 'edit', name: 'Edit', disabled: !isObjectStoreEditable(selected) },
-    { key: 'administrate', name: 'Administrate', disabled: !isObjectStoreAdministrable(selected) },
     { key: 'delete', name: 'Delete', disabled: !isObjectStoreDeletable(selected) },
+    { type: 'divider' },
+    { key: 'administrate', name: 'Administrate', disabled: !isObjectStoreAdministrable(selected) },
   ]
 
   return (