From c44e07525a3ca517387704614d827db93e23c7ad Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Tue, 21 Dec 2021 17:25:16 +0100
Subject: [PATCH] fix: add inverse icons

---
 .../src/pages/UserManagement/UserManagement.js              | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/new-lamassu-admin/src/pages/UserManagement/UserManagement.js b/new-lamassu-admin/src/pages/UserManagement/UserManagement.js
index 126dd285..8b069d3a 100644
--- a/new-lamassu-admin/src/pages/UserManagement/UserManagement.js
+++ b/new-lamassu-admin/src/pages/UserManagement/UserManagement.js
@@ -10,8 +10,11 @@ import { ActionButton, Link } from 'src/components/buttons'
 import { Switch } from 'src/components/inputs'
 import TitleSection from 'src/components/layout/TitleSection'
 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 WhiteLockIcon } from 'src/styling/icons/button/lock/white.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 styles from './UserManagement.styles'
@@ -159,6 +162,7 @@ const Users = () => {
           <div className={classes.actionButtonWrapper}>
             <ActionButton
               Icon={KeyIcon}
+              InverseIcon={WhiteKeyIcon}
               color="primary"
               onClick={() => {
                 setUserInfo(u)
@@ -171,6 +175,7 @@ const Users = () => {
             </ActionButton>
             <ActionButton
               Icon={LockIcon}
+              InverseIcon={WhiteLockIcon}
               color="primary"
               onClick={() => {
                 setUserInfo(u)
@@ -183,6 +188,7 @@ const Users = () => {
             </ActionButton>
             <ActionButton
               Icon={UserRoleIcon}
+              InverseIcon={WhiteUserRoleIcon}
               color="primary"
               onClick={() => {
                 setUserInfo(u)