djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

MessageManager - update classNames

Browse source
This commit is contained in:
AlicjaSzu 2020-06-26 11:35:19 +02:00
parent f247e79369
commit 88da4cab1d
2 changed files with 1 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/messages/MessageManager.tsx
View file

@ -133,7 +133,6 @@ export const MessageManager: React.FC<IMessageManagerProps> = props => {
<div className={classes.progressBarContainer} key="progressBar"> <div className={classes.progressBarContainer} key="progressBar">
<div <div
className={classNames(classes.progressBar, { className={classNames(classes.progressBar, {
[classes.progressBarActive]: true,
[classes.progressBarSuccess]: status === "success", [classes.progressBarSuccess]: status === "success",
[classes.progressBarWarning]: status === "warning", [classes.progressBarWarning]: status === "warning",
[classes.progressBarError]: status === "error" [classes.progressBarError]: status === "error"

4
src/components/messages/styles.ts
View file

@ -104,14 +104,12 @@ export const useStyles = makeStyles(
} }
}, },
progressBar: { progressBar: {
animation: `$bar var(--animationTime) ease both`,
backgroundColor: infoColor, backgroundColor: infoColor,
height: 8, height: 8,
transform: "translateX(-100%)", transform: "translateX(-100%)",
width: "100%" width: "100%"
}, },
progressBarActive: {
animation: `$bar var(--animationTime) ease both`
},
progressBarContainer: { progressBarContainer: {
borderRadius: "0 0 4px 4px", borderRadius: "0 0 4px 4px",
bottom: 0, bottom: 0,