Add divider to menu

Signed-off-by: Volker Theile <[email protected]>

Author: votdev

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}>

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 (