From 77374373830f1cda2e64408f09defbab915da111 Mon Sep 17 00:00:00 2001
From: Dickson Law <dickson.law@utoronto.ca>
Date: Thu, 8 Jul 2021 12:52:51 -0400
Subject: [PATCH] Fix fade error
Replaced the lines responsible for this error:
```
Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.
```
---
src/containers/SidebarIndexTableOfContents.js | 4 ++--
src/containers/WindowAuthenticationBar.js | 4 ++--
src/containers/WindowCanvasNavigationControls.js | 4 ++--
3 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/containers/SidebarIndexTableOfContents.js b/src/containers/SidebarIndexTableOfContents.js
index 6d0d7d771..98caa554c 100644
--- a/src/containers/SidebarIndexTableOfContents.js
+++ b/src/containers/SidebarIndexTableOfContents.js
@@ -2,7 +2,7 @@ import { compose } from 'redux';
import { connect } from 'react-redux';
import { withTranslation } from 'react-i18next';
import { withStyles } from '@material-ui/core/styles';
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { alpha } from '@material-ui/core/styles/colorManipulator';
import { withPlugins } from '../extend/withPlugins';
import { SidebarIndexTableOfContents } from '../components/SidebarIndexTableOfContents';
import {
@@ -65,7 +65,7 @@ const styles = theme => ({
},
},
visibleNode: {
- backgroundColor: fade(theme.palette.highlights.primary, 0.35),
+ backgroundColor: alpha(theme.palette.highlights.primary, 0.35),
display: 'inline',
},
});
diff --git a/src/containers/WindowAuthenticationBar.js b/src/containers/WindowAuthenticationBar.js
index 881bf419a..3b42a93aa 100644
--- a/src/containers/WindowAuthenticationBar.js
+++ b/src/containers/WindowAuthenticationBar.js
@@ -1,7 +1,7 @@
import { compose } from 'redux';
import { withTranslation } from 'react-i18next';
import { withStyles } from '@material-ui/core/styles';
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { alpha } from '@material-ui/core/styles/colorManipulator';
import { withPlugins } from '../extend/withPlugins';
import { WindowAuthenticationBar } from '../components/WindowAuthenticationBar';
@@ -13,7 +13,7 @@ import { WindowAuthenticationBar } from '../components/WindowAuthenticationBar';
const styles = theme => ({
buttonInvert: {
'&:hover': {
- backgroundColor: fade(
+ backgroundColor: alpha(
theme.palette.secondary.contrastText, 1 - theme.palette.action.hoverOpacity,
),
},
diff --git a/src/containers/WindowCanvasNavigationControls.js b/src/containers/WindowCanvasNavigationControls.js
index c82335148..8028c13df 100644
--- a/src/containers/WindowCanvasNavigationControls.js
+++ b/src/containers/WindowCanvasNavigationControls.js
@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
import { compose } from 'redux';
import { withSize } from 'react-sizeme';
import { withStyles } from '@material-ui/core';
-import { fade } from '@material-ui/core/styles/colorManipulator';
+import { alpha } from '@material-ui/core/styles/colorManipulator';
import { withPlugins } from '../extend/withPlugins';
import { getWorkspace } from '../state/selectors';
import { WindowCanvasNavigationControls } from '../components/WindowCanvasNavigationControls';
@@ -28,7 +28,7 @@ const styles = theme => ({
flexDirection: 'column',
},
controls: {
- backgroundColor: fade(theme.palette.background.paper, 0.5),
+ backgroundColor: alpha(theme.palette.background.paper, 0.5),
bottom: 0,
position: 'absolute',
width: '100%',
--
GitLab