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

Fix limit reached alert position (#3297)

Browse source 
* fix: limit reached alert

* fix: icon background
This commit is contained in:
Krzysztof Żuraw 2023-03-08 09:58:07 +01:00 committed by GitHub
parent 75a6edd864
commit c7eb4f0622
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/LimitReachedAlert.tsx
View file

@ -1,22 +1,25 @@
import { Alert, AlertProps, makeStyles } from "@saleor/macaw-ui";
import { Alert, AlertProps } from "@saleor/macaw-ui";
import { sprinkles } from "@saleor/macaw-ui/next";
import clsx from "clsx";
import React from "react";
const useStyles = makeStyles(
theme => ({
root: {
marginBottom: theme.spacing(3),
},
}),
{ name: "LimitReachedAlert" },
);
export type LimitReachedAlertProps = Omit<AlertProps, "variant" | "close">;
const LimitReachedAlert: React.FC<LimitReachedAlertProps> = props => {
const classes = useStyles();
return <Alert variant="warning" close className={classes.root} {...props} />;
};
const LimitReachedAlert: React.FC<LimitReachedAlertProps> = props => (
// TODO: migrate to new macaw-ui alert
<Alert
variant="warning"
close
className={clsx(
sprinkles({
gridColumn: "8",
marginBottom: 5,
}),
"remove-icon-background",
)}
{...props}
/>
);
LimitReachedAlert.displayName = "LimitReachedAlert";
export default LimitReachedAlert;

4
src/index.css
View file

@ -36,3 +36,7 @@ body {
animation: pulse 0.2s;
transition: all 0.2s;
}
.remove-icon-background svg {
background: none !important;
}