test: dashboard

Author: ferruhcihan

src/App.tsx

@@ -52,6 +52,7 @@ import TeamsOverviewPage from 'pages/teams/overview/TeamsOverviewPage'
 import WorkloadsCreateEditPage from 'pages/workloads/create-edit/WorkloadsCreateEditPage'
 import WorkloadsOverviewPage from 'pages/workloads/overview/WorkloadsOverviewPage'
 import WorkloadCatalogsPage from 'pages/workloads/catalog/WorkloadCatalogsPage'
+import ThemeViewInitializer from 'components/ThemeViewInitializer'
 import { HttpErrorBadRequest } from './utils/error'
 import { NotistackProvider, SnackbarUtilsConfigurator } from './utils/snack'
 
@@ -84,6 +85,7 @@ function App() {
                               <SnackbarUtilsConfigurator />
                               <CssBaseline />
                               <Helmet titleTemplate='%s | App Platform' defaultTitle='Akamai App Platform' />
+                              <ThemeViewInitializer />
                               <Switch>
                                 <Route path='/' component={Dashboard} exact />
                                 <PrivateRoute

src/components/Dashboard.tsx

@@ -207,7 +207,7 @@ function IFramesCard({ classes, title, iframeSources, iframeClass, themeMode, sh
 export default function Dashboard({ team, inventory }: Props): React.ReactElement {
   const theme = useTheme()
   const { classes } = useStyles()
-  const { themeView, onChangeView } = useSettings()
+  const { themeView } = useSettings()
   const { oboTeamId, appsEnabled, user, versions } = useSession()
   const hostname = window.location.hostname
   const domain = getDomain(hostname)
@@ -220,11 +220,6 @@ export default function Dashboard({ team, inventory }: Props): React.ReactElemen
   React.useEffect(() => {
     setCookiesLoaded(false)
   }, [themeView])
-  // reset themeView to team if user is not admin
-  React.useEffect(() => {
-    const { isPlatformAdmin } = user
-    if (!isPlatformAdmin) onChangeView({ target: { value: 'team' } } as React.ChangeEvent<HTMLInputElement>)
-  }, [])
 
   // platform view base iframe urls
   const clusterResourceUtilization = `https://grafana.${domain}/d-solo/efa86fd1d0c121a26444b636a3f509a8/kubernetes-compute-resources-cluster?orgId=1&refresh=30s&theme=${theme.palette.mode}&panelId=`

src/components/ThemeViewInitializer.tsx

@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react'
+import { useSession } from 'providers/Session'
+import useSettings from 'hooks/useSettings'
+
+/**
+ * Initializes theme view based on user role.
+ * Non-platform admin users are automatically set to 'team' view.
+ */
+export default function ThemeViewInitializer() {
+  const { user } = useSession()
+  const { onChangeView } = useSettings()
+
+  useEffect(() => {
+    const { isPlatformAdmin } = user
+    if (!isPlatformAdmin) onChangeView({ target: { value: 'team' } } as React.ChangeEvent<HTMLInputElement>)
+  }, []) // Empty dependency array - run once on mount
+
+  return null // This component doesn't render anything
+}