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']
       }
     ];
   }, []);