From e4a769f69c3f9fb2ba824321ebdbf735a34bfdaf Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 7 Jul 2021 09:10:31 +1000
Subject: [PATCH] build(deps): update dependency @material-ui/core to v4.12.0
 (#2157)

* build(deps): update dependency @material-ui/core to v4.12.0

* fix(web): adjust deprecations

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Amir Zarrinkafsh <nightah@me.com>
---
 web/package.json                       |  2 +-
 web/src/components/NotificationBar.tsx |  4 +++-
 web/src/themes/Dark.ts                 |  4 ++--
 web/src/themes/Grey.ts                 |  4 ++--
 web/src/themes/Light.ts                |  4 ++--
 web/src/themes/index.ts                |  2 +-
 web/yarn.lock                          | 18 +++++++++---------
 7 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/web/package.json b/web/package.json
index b4c84f61b..fe21c67c2 100644
--- a/web/package.json
+++ b/web/package.json
@@ -7,7 +7,7 @@
     "@fortawesome/free-regular-svg-icons": "5.15.3",
     "@fortawesome/free-solid-svg-icons": "5.15.3",
     "@fortawesome/react-fontawesome": "0.1.14",
-    "@material-ui/core": "4.11.4",
+    "@material-ui/core": "4.12.0",
     "@material-ui/icons": "4.11.2",
     "@types/classnames": "2.3.0",
     "@types/node": "15.6.0",
diff --git a/web/src/components/NotificationBar.tsx b/web/src/components/NotificationBar.tsx
index eec12db25..da7da4f66 100644
--- a/web/src/components/NotificationBar.tsx
+++ b/web/src/components/NotificationBar.tsx
@@ -28,7 +28,9 @@ const NotificationBar = function (props: Props) {
             anchorOrigin={{ vertical: "top", horizontal: "right" }}
             autoHideDuration={tmpNotification ? tmpNotification.timeout * 1000 : 10000}
             onClose={props.onClose}
-            onExited={() => setTmpNotification(null)}
+            TransitionProps={{
+                onExited: () => setTmpNotification(null),
+            }}
         >
             <ColoredSnackbarContent
                 className="notification"
diff --git a/web/src/themes/Dark.ts b/web/src/themes/Dark.ts
index faa19c0fb..85547afff 100644
--- a/web/src/themes/Dark.ts
+++ b/web/src/themes/Dark.ts
@@ -1,6 +1,6 @@
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const Dark = createMuiTheme({
+const Dark = createTheme({
     custom: {
         icon: "#fff",
         loadingBar: "#fff",
diff --git a/web/src/themes/Grey.ts b/web/src/themes/Grey.ts
index 045ddc5ea..86a6f213d 100644
--- a/web/src/themes/Grey.ts
+++ b/web/src/themes/Grey.ts
@@ -1,6 +1,6 @@
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const Grey = createMuiTheme({
+const Grey = createTheme({
     custom: {
         icon: "#929aa5",
         loadingBar: "#929aa5",
diff --git a/web/src/themes/Light.ts b/web/src/themes/Light.ts
index c0d493d63..a24939610 100644
--- a/web/src/themes/Light.ts
+++ b/web/src/themes/Light.ts
@@ -1,6 +1,6 @@
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const Light = createMuiTheme({
+const Light = createTheme({
     custom: {
         icon: "#000",
         loadingBar: "#000",
diff --git a/web/src/themes/index.ts b/web/src/themes/index.ts
index 808905c01..8e157764e 100644
--- a/web/src/themes/index.ts
+++ b/web/src/themes/index.ts
@@ -1,4 +1,4 @@
-declare module "@material-ui/core/styles/createMuiTheme" {
+declare module "@material-ui/core/styles/createTheme" {
     interface Theme {
         custom: {
             icon: React.CSSProperties["color"];
diff --git a/web/yarn.lock b/web/yarn.lock
index 4719d8567..df04b2ea2 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -2180,14 +2180,14 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@material-ui/core@4.11.4":
-  version "4.11.4"
-  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.11.4.tgz#4fb9fe5dec5dcf780b687e3a40cff78b2b9640a4"
-  integrity sha512-oqb+lJ2Dl9HXI9orc6/aN8ZIAMkeThufA5iZELf2LQeBn2NtjVilF5D2w7e9RpntAzDb4jK5DsVhkfOvFY/8fg==
+"@material-ui/core@4.12.0":
+  version "4.12.0"
+  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.12.0.tgz#7f4c130fb585e4a4cdfbdb55e46bbe81c3763250"
+  integrity sha512-PB6gJdCLCgVdbCwBZgseKEP0zp+WiYao+YcEyJBLy3mTJ6sKoovmkI0fG/EjJ/S4mnjHlWl35T3SHxEBOVPztA==
   dependencies:
     "@babel/runtime" "^7.4.4"
     "@material-ui/styles" "^4.11.4"
-    "@material-ui/system" "^4.11.3"
+    "@material-ui/system" "^4.12.0"
     "@material-ui/types" "5.1.0"
     "@material-ui/utils" "^4.11.2"
     "@types/react-transition-group" "^4.2.0"
@@ -2227,10 +2227,10 @@
     jss-plugin-vendor-prefixer "^10.5.1"
     prop-types "^15.7.2"
 
-"@material-ui/system@^4.11.3":
-  version "4.11.3"
-  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.11.3.tgz#466bc14c9986798fd325665927c963eb47cc4143"
-  integrity sha512-SY7otguNGol41Mu2Sg6KbBP1ZRFIbFLHGK81y4KYbsV2yIcaEPOmsCK6zwWlp+2yTV3J/VwT6oSBARtGIVdXPw==
+"@material-ui/system@^4.12.0":
+  version "4.12.0"
+  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.12.0.tgz#e05593219f04a0fb4369cf72b3a2cc5a3b0a29ef"
+  integrity sha512-fXfiLeHBLwoBgCrsjwGkwWVmtaZSi4Rcm3SnQwQy9HWq6JzQ6EmZCa0jyCRhDeh0p9qL1/RszTXloaAsuRAM0A==
   dependencies:
     "@babel/runtime" "^7.4.4"
     "@material-ui/utils" "^4.11.2"