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