From 4172610927ed7d986cf81f8f2c0a004299a6a379 Mon Sep 17 00:00:00 2001
From: rtrembecky <rtrembecky@gmail.com>
Date: Thu, 5 Dec 2024 22:47:15 +0100
Subject: [PATCH] global medium buttons, `yarn add @mui/utils@^5`, `yarn
 dedupe`

---
 package.json                   |  1 +
 src/components/Admin/Admin.tsx | 24 ++++++++++++++++++++++--
 yarn.lock                      | 13 +++++++------
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 60d0639c..65a31072 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@emotion/styled": "^11.13.5",
     "@mui/icons-material": "^5.16.7",
     "@mui/material": "^5.16.7",
+    "@mui/utils": "^5",
     "@tanstack/react-query": "5.61.0",
     "@tanstack/react-query-devtools": "5.61.0",
     "@testing-library/jest-dom": "^5.17.0",
diff --git a/src/components/Admin/Admin.tsx b/src/components/Admin/Admin.tsx
index 2c74438f..f4f21987 100644
--- a/src/components/Admin/Admin.tsx
+++ b/src/components/Admin/Admin.tsx
@@ -1,5 +1,6 @@
+import {deepmerge} from '@mui/utils'
 import {FC} from 'react'
-import {Admin as ReactAdmin, Resource} from 'react-admin'
+import {Admin as ReactAdmin, defaultDarkTheme, defaultLightTheme, RaThemeOptions, Resource} from 'react-admin'
 
 import {AdminLayout} from './AdminLayout'
 import {dataProvider} from './dataProvider'
@@ -47,11 +48,30 @@ import {SchoolList} from './resources/personal/schools/SchoolList'
 import {SchoolShow} from './resources/personal/schools/SchoolShow'
 import {useAuthProvider} from './useAuthProvider'
 
+const themeOverrides: RaThemeOptions = {
+  components: {
+    RaButton: {
+      defaultProps: {
+        size: 'medium',
+      },
+    },
+  },
+}
+
+const lightTheme = deepmerge(defaultLightTheme, themeOverrides)
+const darkTheme = deepmerge(defaultDarkTheme, themeOverrides)
+
 export const Admin: FC = () => {
   const authProvider = useAuthProvider()
 
   return (
-    <ReactAdmin authProvider={authProvider} dataProvider={dataProvider} layout={AdminLayout}>
+    <ReactAdmin
+      authProvider={authProvider}
+      dataProvider={dataProvider}
+      layout={AdminLayout}
+      theme={lightTheme}
+      darkTheme={darkTheme}
+    >
       <Resource name="cms/post" list={PostList} edit={PostEdit} show={PostShow} create={PostCreate} />
       <Resource
         name="cms/flat-page"
diff --git a/yarn.lock b/yarn.lock
index fffd3889..124eb4fd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2075,9 +2075,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/utils@npm:^5.16.6":
-  version: 5.16.6
-  resolution: "@mui/utils@npm:5.16.6"
+"@mui/utils@npm:^5, @mui/utils@npm:^5.16.6":
+  version: 5.16.8
+  resolution: "@mui/utils@npm:5.16.8"
   dependencies:
     "@babel/runtime": "npm:^7.23.9"
     "@mui/types": "npm:^7.2.15"
@@ -2086,12 +2086,12 @@ __metadata:
     prop-types: "npm:^15.8.1"
     react-is: "npm:^18.3.1"
   peerDependencies:
-    "@types/react": ^17.0.0 || ^18.0.0
-    react: ^17.0.0 || ^18.0.0
+    "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10/214bc3e9fe49579c5aee264477c802e5f5ced3473cafb1ed0aacd63db223e2668a08fb1f7304e70ea0511f68200dd80c3b49cc58050c7b0962228758a003371d
+  checksum: 10/b091f069a554eb7c691c362ec56c68c5939ce789f3b6d3b94a1718b3c0c7af28eb14aaf45cc8b10e32eb550df156e60f595b4d58f67f2bb34749768b41bd4502
   languageName: node
   linkType: hard
 
@@ -10214,6 +10214,7 @@ __metadata:
     "@emotion/styled": "npm:^11.13.5"
     "@mui/icons-material": "npm:^5.16.7"
     "@mui/material": "npm:^5.16.7"
+    "@mui/utils": "npm:^5"
     "@svgr/webpack": "npm:^8.1.0"
     "@tanstack/react-query": "npm:5.61.0"
     "@tanstack/react-query-devtools": "npm:5.61.0"