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

Fix webhook permission alert (#3299)

Browse source
This commit is contained in:
Krzysztof Żuraw 2023-03-09 08:16:27 +01:00 committed by GitHub
parent 29ffa22f5c
commit 5de9526350
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/custom-apps/components/PermissionAlert/PermissionAlert.tsx
View file

@ -1,6 +1,6 @@
import { useQuery } from "@apollo/client"; import { useQuery } from "@apollo/client";
import { Typography } from "@material-ui/core"; import { Alert } from "@saleor/macaw-ui";
import { Alert, Pill } from "@saleor/macaw-ui"; import { Box, Chip, Text } from "@saleor/macaw-ui/next";
import React from "react"; import React from "react";
import { useIntl } from "react-intl"; import { useIntl } from "react-intl";
@ -36,19 +36,17 @@ const PermissionAlert: React.FC<PermissionAlertProps> = ({ query }) => {
})} })}
variant="warning" variant="warning"
close={false} close={false}
className="remove-icon-background"
> >
<Typography> <Box display="flex" gap={5}>
<div style={{ display: "flex", gap: "12px" }}> {permissions.map(permission => (
{permissions.map(permission => ( <Chip size="small" key={permission}>
<Pill <Text variant="caption" size="small">
size="small" {permission}
color="generic" </Text>
outlined </Chip>
label={permission} ))}
/> </Box>
))}
</div>
</Typography>
</Alert> </Alert>
)} )}
</div> </div>