feat: Hide Dashboard sidebar using user config

public/user-config/config.json

@@ -6,5 +6,8 @@
         {
             "type": "token"
         }
-    ]
+    ],
+    "ui": {
+        "hideSidebar": true
+    }
 }

src/App.tsx

@@ -35,8 +35,9 @@
   const config = useConfig();
   const astarte = useAstarte();
   const { triggerDeliveryPoliciesSupported } = useAstarte();
+  const isSidebarHidden = config.ui.hideSidebar;
 
-  if (!astarte.isAuthenticated) {
+  if (!astarte.isAuthenticated || isSidebarHidden) {
     return null;
   }
 
@@ -139,7 +140,7 @@
   config: DashboardConfig | null;
 }
 
 export default ({ config }: Props): React.ReactElement => (
   <AlertsProvider>
     <RouterProvider>
       {config ? (

src/ConfigManager.tsx

@@ -45,6 +45,9 @@ type ConfigContextValue = {
   features: {
     flow: boolean;
   };
+  ui: {
+    hideSidebar: boolean;
+  };
 };
 
 const ConfigContext = createContext<ConfigContextValue | null>(null);
@@ -77,6 +80,9 @@ const ConfigProvider = ({
       features: {
         flow: !!config.enableFlowPreview,
       },
+      ui: {
+        hideSidebar: !!config.ui?.hideSidebar,
+      },
     };
 
     config.auth.forEach((authOption) => {

src/index.tsx

@@ -35,6 +35,7 @@ fetch('/user-config/config.json')
     auth: json.auth,
     defaultAuth: json.default_auth,
     defaultRealm: json.default_realm,
+    ui: json.ui,
   }))
   .catch(() => null)
   .then((config: DashboardConfig | null) => {

src/types/dashboardConfig.ts

@@ -41,6 +41,9 @@ type DashboardConfig = {
   pairingApiUrl?: string;
   flowApiUrl?: string;
   enableFlowPreview: boolean;
+  ui: {
+    hideSidebar: boolean;
+  };
 } & DashboardAuthConfig;
 
 export type { DashboardConfig };