fix: add inverse icons
This commit is contained in:
parent
b441a0a33e
commit
c44e07525a
1 changed files with 6 additions and 0 deletions
|
|
@ -10,8 +10,11 @@ import { ActionButton, Link } from 'src/components/buttons'
|
||||||
import { Switch } from 'src/components/inputs'
|
import { Switch } from 'src/components/inputs'
|
||||||
import TitleSection from 'src/components/layout/TitleSection'
|
import TitleSection from 'src/components/layout/TitleSection'
|
||||||
import DataTable from 'src/components/tables/DataTable'
|
import DataTable from 'src/components/tables/DataTable'
|
||||||
|
import { ReactComponent as WhiteKeyIcon } from 'src/styling/icons/button/key/white.svg'
|
||||||
import { ReactComponent as KeyIcon } from 'src/styling/icons/button/key/zodiac.svg'
|
import { ReactComponent as KeyIcon } from 'src/styling/icons/button/key/zodiac.svg'
|
||||||
|
import { ReactComponent as WhiteLockIcon } from 'src/styling/icons/button/lock/white.svg'
|
||||||
import { ReactComponent as LockIcon } from 'src/styling/icons/button/lock/zodiac.svg'
|
import { ReactComponent as LockIcon } from 'src/styling/icons/button/lock/zodiac.svg'
|
||||||
|
import { ReactComponent as WhiteUserRoleIcon } from 'src/styling/icons/button/user-role/white.svg'
|
||||||
import { ReactComponent as UserRoleIcon } from 'src/styling/icons/button/user-role/zodiac.svg'
|
import { ReactComponent as UserRoleIcon } from 'src/styling/icons/button/user-role/zodiac.svg'
|
||||||
|
|
||||||
import styles from './UserManagement.styles'
|
import styles from './UserManagement.styles'
|
||||||
|
|
@ -159,6 +162,7 @@ const Users = () => {
|
||||||
<div className={classes.actionButtonWrapper}>
|
<div className={classes.actionButtonWrapper}>
|
||||||
<ActionButton
|
<ActionButton
|
||||||
Icon={KeyIcon}
|
Icon={KeyIcon}
|
||||||
|
InverseIcon={WhiteKeyIcon}
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setUserInfo(u)
|
setUserInfo(u)
|
||||||
|
|
@ -171,6 +175,7 @@ const Users = () => {
|
||||||
</ActionButton>
|
</ActionButton>
|
||||||
<ActionButton
|
<ActionButton
|
||||||
Icon={LockIcon}
|
Icon={LockIcon}
|
||||||
|
InverseIcon={WhiteLockIcon}
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setUserInfo(u)
|
setUserInfo(u)
|
||||||
|
|
@ -183,6 +188,7 @@ const Users = () => {
|
||||||
</ActionButton>
|
</ActionButton>
|
||||||
<ActionButton
|
<ActionButton
|
||||||
Icon={UserRoleIcon}
|
Icon={UserRoleIcon}
|
||||||
|
InverseIcon={WhiteUserRoleIcon}
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setUserInfo(u)
|
setUserInfo(u)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue