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

Indicate menu focus (#1928)

Browse source 
* Add active state to card menu

* Update macaw
This commit is contained in:
Dominik Żegleń 2022-03-15 11:14:28 +01:00 committed by GitHub
parent 5e0c8d25dd
commit 3e96a68a6e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
package-lock.json generated
View file

@ -4828,9 +4828,8 @@
} }
}, },
"@saleor/macaw-ui": { "@saleor/macaw-ui": {
"version": "0.3.1", "version": "github:saleor/macaw-ui#1f78f97748c00a64ca46973c32eacc4d9a1ac2ac",
"resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.3.1.tgz", "from": "github:saleor/macaw-ui#SALEOR-5840-button-states",
"integrity": "sha512-2sGPfMLszKb2Zejd9/hs5MNLhvcIW+bQj+6CTnq8+BbKNt/zqg6t1YQrucb72otUUTJMC6VIjnvtMITmpsgLsQ==",
"requires": { "requires": {
"clsx": "^1.1.1", "clsx": "^1.1.1",
"lodash": "^4.17.21", "lodash": "^4.17.21",

2
package.json
View file

@ -28,7 +28,7 @@
"@material-ui/icons": "^4.11.2", "@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.58", "@material-ui/lab": "^4.0.0-alpha.58",
"@material-ui/styles": "^4.11.4", "@material-ui/styles": "^4.11.4",
"@saleor/macaw-ui": "0.3.1", "@saleor/macaw-ui": "github:saleor/macaw-ui#SALEOR-5840-button-states",
"@saleor/sdk": "^0.4.2", "@saleor/sdk": "^0.4.2",
"@sentry/react": "^6.0.0", "@sentry/react": "^6.0.0",
"@types/faker": "^5.1.6", "@types/faker": "^5.1.6",

2
src/components/CardMenu/CardMenu.tsx
View file

@ -131,6 +131,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
ref={anchorRef} ref={anchorRef}
onClick={handleToggle} onClick={handleToggle}
variant={outlined ? "primary" : "secondary"} variant={outlined ? "primary" : "secondary"}
state={open ? "active" : "default"}
> >
<MoreIcon /> <MoreIcon />
</IconButton> </IconButton>
@ -163,6 +164,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
disabled={menuItem.loading || menuItem.disabled} disabled={menuItem.loading || menuItem.disabled}
onClick={() => handleMenuClick(menuItemIndex)} onClick={() => handleMenuClick(menuItemIndex)}
key={menuItem.label} key={menuItem.label}
button
> >
<div <div
className={classNames(className, { className={classNames(className, {