QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-20 06:40:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Style tweaks users list.

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2020-05-27 08:54:25 +02:00
parent 944564ac9c
commit 2e8ffa2aa9
2 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/containers/Preferences/Users/UsersList.js
View File

@@ -102,7 +102,8 @@ function UsersListPreferences({
if (!deleteUserState) { if (!deleteUserState) {
return; return;
} }
requestDeleteUser(deleteUserState.id).then((response) => { requestDeleteUser(deleteUserState.id)
.then((response) => {
setDeleteUserState(false); setDeleteUserState(false);
AppToaster.show({ AppToaster.show({
message: formatMessage({ message: formatMessage({
@@ -110,17 +111,18 @@ function UsersListPreferences({
}), }),
intent: Intent.SUCCESS, intent: Intent.SUCCESS,
}); });
queryCache.refetchQueries('users-table',{force:true}) queryCache.refetchQueries('users-table', { force: true });
}).catch((errors)=>{
setDeleteUserState(false)
}) })
},[deleteUserState,requestDeleteUser,formatMessage]) .catch((errors) => {
setDeleteUserState(false);
});
}, [deleteUserState, requestDeleteUser, formatMessage]);
const actionMenuList = useCallback( const actionMenuList = useCallback(
(user) => ( (user) => (
<Menu> <Menu>
<MenuItem text={<T id={'edit_user'} />} onClick={onEditUser(user)} /> <MenuItem text={<T id={'edit_user'} />} onClick={onEditUser(user)} />
<MenuDivider />
<MenuItem <MenuItem
text={<T id={'inactivate_user'} />} text={<T id={'inactivate_user'} />}
onClick={() => onInactiveUser(user)} onClick={() => onInactiveUser(user)}
@@ -155,7 +157,7 @@ function UsersListPreferences({
width: 120, width: 120,
}, },
{ {
id: 'active', id: 'status',
Header: 'Status', Header: 'Status',
accessor: (user) => accessor: (user) =>
user.active ? ( user.active ? (
@@ -167,7 +169,7 @@ function UsersListPreferences({
<T id={'inactivate'} /> <T id={'inactivate'} />
</Tag> </Tag>
), ),
width: 50, width: 80,
className: 'status', className: 'status',
}, },
{ {
@@ -183,6 +185,7 @@ function UsersListPreferences({
), ),
className: 'actions', className: 'actions',
width: 50, width: 50,
disableResizing: true,
}, },
], ],
[actionMenuList, formatMessage], [actionMenuList, formatMessage],

6
client/src/style/pages/preferences.scss
View File

@@ -121,7 +121,13 @@
// Users/Roles List. // Users/Roles List.
// --------------------------------- // ---------------------------------
.preferences__inside-content--users-roles{ .preferences__inside-content--users-roles{
.bigcapital-datatable{ .bigcapital-datatable{
.table .th,
.table .td{
padding: 0.8rem 0.5rem;
}
.td.status{ .td.status{
text-transform: uppercase; text-transform: uppercase;
} }