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

Use new tooltip from macaw in filter presets (#3467)

Browse source
This commit is contained in:
Paweł Chyła 2023-04-12 10:07:16 +02:00 committed by GitHub
parent 935c224bb2
commit 548c10676e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 633 additions and 483 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1072
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
package.json
View file

@ -33,7 +33,7 @@
"@material-ui/lab": "^4.0.0-alpha.61",
"@material-ui/styles": "^4.11.4",
"@reach/auto-id": "^0.16.0",
"@saleor/macaw-ui": "^0.8.0-pre.64",
"@saleor/macaw-ui": "^0.8.0-pre.66",
"@saleor/sdk": "^0.4.6",
"@sentry/react": "^6.0.0",
"@types/faker": "^5.1.6",

42
src/components/FilterPresetsSelect/FilterPresetsSelect.tsx
View file

@ -1,5 +1,4 @@
import { commonMessages } from "@dashboard/intl";
import { Tooltip } from "@saleor/macaw-ui";
import {
Box,
Button,
@ -9,6 +8,7 @@ import {
PlusIcon,
sprinkles,
Text,
Tooltip,
vars,
} from "@saleor/macaw-ui/next";
import React, { MouseEvent } from "react";
@ -72,10 +72,16 @@ export const FilterPresetsSelect = ({
if (!savedPresets?.length) {
return (
<Box display="flex" alignItems="center">
<Tooltip title={intl.formatMessage(messages.noPresets)}>
<Text variant="title" size="small">
{selectAllLabel}
</Text>
<Tooltip>
<Tooltip.Trigger>
<Text variant="title" size="small">
{selectAllLabel}
</Text>
</Tooltip.Trigger>
<Tooltip.Content>
<Tooltip.Arrow />
{intl.formatMessage(messages.noPresets)}
</Tooltip.Content>
</Tooltip>
</Box>
);
@ -179,16 +185,22 @@ export const FilterPresetsSelect = ({
</Button>
)}
{showSaveButton && (
<Tooltip title={intl.formatMessage(messages.savePreset)}>
<Button
className={sprinkles({
marginLeft: 6,
})}
icon={<PlusIcon />}
onClick={onSave}
variant="secondary"
size="small"
/>
<Tooltip>
<Tooltip.Trigger>
<Button
className={sprinkles({
marginLeft: 6,
})}
icon={<PlusIcon />}
onClick={onSave}
variant="secondary"
size="small"
/>
</Tooltip.Trigger>
<Tooltip.Content>
<Tooltip.Arrow />
{intl.formatMessage(messages.savePreset)}
</Tooltip.Content>
</Tooltip>
)}
</Box>