inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-05-15 03:23:07 +00:00
Code

Cleanup UserManagementPanel (#8914)

Browse Source 
- Split items using <Accordion />
This commit is contained in:
Oliver 2025-01-20 13:18:31 +11:00 committed by GitHub
parent 0e4478c35a
commit 40c5910311
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
View File

@ -104,7 +104,7 @@ export default function AdminCenter() {
return [ return [
{ {
name: 'user', name: 'user',
label: t`Users`, label: t`User Management`,
icon: <IconUsersGroup />, icon: <IconUsersGroup />,
content: <UserManagementPanel /> content: <UserManagementPanel />
}, },

74
src/frontend/src/pages/Index/Settings/AdminCenter/UserManagementPanel.tsx
View File

@ -1,46 +1,46 @@
import { Trans } from '@lingui/macro'; import { t } from '@lingui/macro';
import { Anchor, Divider, Group, Stack, Text, Title } from '@mantine/core'; import { Accordion } from '@mantine/core';
import { Link } from 'react-router-dom';
import { StylishText } from '../../../../components/items/StylishText';
import { GlobalSettingList } from '../../../../components/settings/SettingList'; import { GlobalSettingList } from '../../../../components/settings/SettingList';
import { GroupTable } from '../../../../tables/settings/GroupTable'; import { GroupTable } from '../../../../tables/settings/GroupTable';
import { UserTable } from '../../../../tables/settings/UserTable'; import { UserTable } from '../../../../tables/settings/UserTable';
export default function UserManagementPanel() { export default function UserManagementPanel() {
return ( return (
<Stack gap='xs'> <>
<Title order={5}> <Accordion multiple defaultValue={['users']}>
<Trans>Users</Trans> <Accordion.Item value='users' key='users'>
</Title> <Accordion.Control>
<UserTable /> <StylishText size='lg'>{t`Users`}</StylishText>
</Accordion.Control>
<Divider /> <Accordion.Panel>
<UserTable />
<Title order={5}> </Accordion.Panel>
<Trans>Groups</Trans> </Accordion.Item>
</Title> <Accordion.Item value='groups' key='groups'>
<GroupTable /> <Accordion.Control>
<StylishText size='lg'>{t`Groups`}</StylishText>
<Divider /> </Accordion.Control>
<Accordion.Panel>
<Stack gap={0}> <GroupTable />
<Text> </Accordion.Panel>
<Trans>Settings</Trans> </Accordion.Item>
</Text> <Accordion.Item value='settings' key='settings'>
<Group> <Accordion.Control>
<Text c='dimmed'> <StylishText size='lg'>{t`Settings`}</StylishText>
<Trans> </Accordion.Control>
Select settings relevant for user lifecycle. More available in <Accordion.Panel>
</Trans> <GlobalSettingList
</Text> keys={[
<Anchor component={Link} to={'/settings/system'}> 'LOGIN_ENABLE_REG',
<Trans>System Settings</Trans> 'SIGNUP_GROUP',
</Anchor> 'LOGIN_ENABLE_SSO_REG'
</Group> ]}
</Stack> />
<GlobalSettingList </Accordion.Panel>
keys={['LOGIN_ENABLE_REG', 'SIGNUP_GROUP', 'LOGIN_ENABLE_SSO_REG']} </Accordion.Item>
/> </Accordion>
</Stack> </>
); );
} }