Merge pull request #327 from xcube-dev/ruchi_324_adaptv4theme

Removed deprecated adaptV4theme from mui/material

CHANGES.md

@@ -32,12 +32,14 @@
   - Project CI now also runs [ESlint](https://eslint.org/).
   - Updated copyright headers of source files.
   - Removed all usages of explicit `any` type in TypeScript files.
+  - No longer using deprecated `adaptV4Theme()` function from `@mui/material`.
+
+
 
 TODO:
 
-* Allow running `run: npm run coverage` in `.github/workflows/ci.yaml`:   
-* No longer use deprecated `adaptV4Theme` from `@mui/material`; use MUI v5
-  styling alternatives.
+* Allow running `run: npm run coverage` in `.github/workflows/ci.yaml`:
+* Use MUI v5 styling alternatives.
 
 ## Changes in version 1.1.1
 

src/connected/App.tsx

@@ -25,7 +25,6 @@
 import * as React from "react";
 import { connect } from "react-redux";
 import {
-  adaptV4Theme,
   createTheme,
   CssBaseline,
   StyledEngineProvider,
@@ -60,19 +59,17 @@ const mapStateToProps = (_state: AppState) => {
 const mapDispatchToProps = {};
 
 const newTheme = () =>
-  createTheme(
-    adaptV4Theme({
-      typography: {
-        fontSize: 12,
-        htmlFontSize: 14,
-      },
-      palette: {
-        mode: Config.instance.branding.themeName,
-        primary: Config.instance.branding.primaryColor,
-        secondary: Config.instance.branding.secondaryColor,
-      },
-    }),
-  );
+  createTheme({
+    typography: {
+      fontSize: 12,
+      htmlFontSize: 14,
+    },
+    palette: {
+      mode: Config.instance.branding.themeName,
+      primary: Config.instance.branding.primaryColor,
+      secondary: Config.instance.branding.secondaryColor,
+    },
+  });
 
 const _App: React.FC<AppProps> = ({ compact }) => {
   return (