From 3bc1e7f9f0fe9e2fcc6305f1fdaddb15dbe9203a Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sun, 15 Jun 2025 11:17:44 +1000
Subject: [PATCH] Cleanup panel groups (#9783)
- Hide label if panel is not expanded
- Add a visual divider
---
src/frontend/src/components/panels/PanelGroup.tsx | 7 +++++--
.../src/pages/Index/Settings/AdminCenter/Index.tsx | 10 +++++-----
2 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/frontend/src/components/panels/PanelGroup.tsx b/src/frontend/src/components/panels/PanelGroup.tsx
index 6b13ed3603..424128369e 100644
--- a/src/frontend/src/components/panels/PanelGroup.tsx
+++ b/src/frontend/src/components/panels/PanelGroup.tsx
@@ -218,13 +218,16 @@ function BasePanelGroup({
{groupedPanels.map((group) => (
<Box key={`group-${group.id}`} w={'100%'}>
<Text
- fs={'italic'}
- ml={'1rem'}
+ hidden={!group.label || !expanded}
c={vars.colors.primaryColors[7]}
key={`group-label-${group.id}`}
+ style={{
+ paddingLeft: '10px'
+ }}
>
{group.label}
</Text>
+ {group.label && <Divider c={vars.colors.primaryColors[7]} />}
{group.panels?.map(
(panel) =>
!panel.hidden && (
diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
index 3c5225a8ae..2777b3d073 100644
--- a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
@@ -256,11 +256,6 @@ export default function AdminCenter() {
label: t`Reporting`,
panelIDs: ['labels', 'reports']
},
- {
- id: 'extend',
- label: t`Extend / Integrate`,
- panelIDs: ['plugin', 'machine']
- },
{
id: 'plm',
label: t`PLM`,
@@ -270,6 +265,11 @@ export default function AdminCenter() {
'location-types',
'stocktake'
]
+ },
+ {
+ id: 'extend',
+ label: t`Extend / Integrate`,
+ panelIDs: ['plugin', 'machine']
}
];
}, []);