From e58f7f5c2c60d3178bf86b1c2048f3a7b2ee6b57 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 22 Oct 2021 16:25:39 +0200
Subject: Disable button ripple and elevation with a global theme

---
 src/index.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/index.js b/src/index.js
index c6d6253..91b9d5d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,13 +1,26 @@
 import React from "react";
 import { render } from "react-dom";
+
 import CssBaseline from "@mui/material/CssBaseline";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
 
 import App from "./components/App";
 
+let global = createTheme({
+    components: {
+        MuiButton: {
+            defaultProps: {
+                disableRipple: true,
+                disableElevation: true
+            }
+        }
+    }
+});
+
 render(
-    <>
+    <ThemeProvider theme={global}>
         <CssBaseline />
         <App />
-    </>,
+    </ThemeProvider>,
     document.getElementById("root")
 );
-- 
cgit v1.1