From 12d32b1d802df63b90b60331d81143980507127d Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 8 May 2026 00:45:46 +1000
Subject: [PATCH] [UI] Adjust default dashboard (#11889)

- Only display "news" for superuser

Co-authored-by: Copilot <copilot@github.com>
---
 .../components/dashboard/DashboardLayout.tsx  | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/dashboard/DashboardLayout.tsx b/src/frontend/src/components/dashboard/DashboardLayout.tsx
index ddccb3034c..2bc425c174 100644
--- a/src/frontend/src/components/dashboard/DashboardLayout.tsx
+++ b/src/frontend/src/components/dashboard/DashboardLayout.tsx
@@ -16,6 +16,7 @@ import { type Layout, Responsive, WidthProvider } from 'react-grid-layout';
 import { useShallow } from 'zustand/react/shallow';
 import { useDashboardItems } from '../../hooks/UseDashboardItems';
 import { useLocalState } from '../../states/LocalState';
+import { useUserState } from '../../states/UserState';
 import DashboardMenu from './DashboardMenu';
 import DashboardWidget, { type DashboardWidgetProps } from './DashboardWidget';
 import DashboardWidgetDrawer from './DashboardWidgetDrawer';
@@ -23,6 +24,8 @@ import DashboardWidgetDrawer from './DashboardWidgetDrawer';
 const ReactGridLayout = WidthProvider(Responsive);
 
 export default function DashboardLayout() {
+  const user = useUserState();
+
   // Dashboard layout definition
   const [layouts, setLayouts] = useState({});
   // Dashboard widget selection
@@ -224,8 +227,8 @@ export default function DashboardLayout() {
     setLayouts({});
   }, []);
 
-  const defaultLayouts = {
-    lg: [
+  const defaultLayouts: any = useMemo(() => {
+    const layouts: any[] = [
       {
         w: 6,
         h: 4,
@@ -236,8 +239,12 @@ export default function DashboardLayout() {
         minH: 4,
         moved: false,
         static: false
-      },
-      {
+      }
+    ];
+
+    if (user.isSuperuser()) {
+      // Superuser can also view the "news" widget
+      layouts.push({
         w: 6,
         h: 4,
         x: 6,
@@ -247,9 +254,13 @@ export default function DashboardLayout() {
         minH: 4,
         moved: false,
         static: false
-      }
-    ]
-  };
+      });
+    }
+
+    return {
+      lg: layouts
+    };
+  }, [user]);
   const loadWigs = ['news', 'gstart'];
   const defaultWidgets = useMemo(() => {
     return loadWigs