From 62d9e092c0dd0092bfe86a4bad27c1792ec9ce04 Mon Sep 17 00:00:00 2001
From: Tarik Huber <tarikhuber@Tariks-Air.fritz.box>
Date: Mon, 28 Aug 2023 09:18:54 +0200
Subject: [PATCH] Made base menu customizable

---
 packages/material-ui-shell/package-lock.json           | 4 ++--
 packages/material-ui-shell/package.json                | 2 +-
 packages/material-ui-shell/src/containers/Menu/Menu.js | 8 +++++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/material-ui-shell/package-lock.json b/packages/material-ui-shell/package-lock.json
index 7682f980..876bc434 100644
--- a/packages/material-ui-shell/package-lock.json
+++ b/packages/material-ui-shell/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "material-ui-shell",
-  "version": "3.4.13",
+  "version": "3.4.14",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "material-ui-shell",
-      "version": "3.4.13",
+      "version": "3.4.14",
       "license": "MIT",
       "devDependencies": {
         "@emotion/react": "^11.10.4",
diff --git a/packages/material-ui-shell/package.json b/packages/material-ui-shell/package.json
index 35773c6b..d5487ccb 100644
--- a/packages/material-ui-shell/package.json
+++ b/packages/material-ui-shell/package.json
@@ -1,6 +1,6 @@
 {
   "name": "material-ui-shell",
-  "version": "3.4.13",
+  "version": "3.4.14",
   "description": "material-ui-shell React component",
   "main": "lib/index.js",
   "module": "es/index.js",
diff --git a/packages/material-ui-shell/src/containers/Menu/Menu.js b/packages/material-ui-shell/src/containers/Menu/Menu.js
index 56db6dc4..4f609d16 100644
--- a/packages/material-ui-shell/src/containers/Menu/Menu.js
+++ b/packages/material-ui-shell/src/containers/Menu/Menu.js
@@ -5,13 +5,15 @@ import { useConfig } from 'base-shell/lib/providers/Config'
 const Menu = (props) => {
   const { appConfig } = useConfig()
   const { menu } = appConfig || {}
-  const { MenuHeader, MenuContent } = menu || {}
+  const { MenuHeader, MenuContent, BaseMenu } = menu || {}
+
+  const Menu = BaseMenu || ResponsiveMenu
 
   return (
-    <ResponsiveMenu>
+    <Menu>
       {MenuHeader && <MenuHeader />}
       {MenuContent && <MenuContent />}
-    </ResponsiveMenu>
+    </Menu>
   )
 }