update menu

ts_web/elements/ops-dashboard.ts

@@ -34,6 +34,34 @@ export class OpsDashboard extends DeesElement {
     theme: 'light',
   };
 
+  // Store viewTabs as a property to maintain object references
+  private viewTabs = [
+    {
+      name: 'Overview',
+      element: OpsViewOverview,
+    },
+    {
+      name: 'Network',
+      element: OpsViewNetwork,
+    },
+    {
+      name: 'Emails',
+      element: OpsViewEmails,
+    },
+    {
+      name: 'Logs',
+      element: OpsViewLogs,
+    },
+    {
+      name: 'Configuration',
+      element: OpsViewConfig,
+    },
+    {
+      name: 'Security',
+      element: OpsViewSecurity,
+    },
+  ];
+
   constructor() {
     super();
     document.title = 'DCRouter OpsServer';
@@ -79,32 +107,7 @@ export class OpsDashboard extends DeesElement {
         >
           <dees-simple-appdash 
             name="DCRouter OpsServer"
-            .viewTabs=${[
-              {
-                name: 'Overview',
-                element: OpsViewOverview,
-              },
-              {
-                name: 'Network',
-                element: OpsViewNetwork,
-              },
-              {
-                name: 'Emails',
-                element: OpsViewEmails,
-              },
-              {
-                name: 'Logs',
-                element: OpsViewLogs,
-              },
-              {
-                name: 'Configuration',
-                element: OpsViewConfig,
-              },
-              {
-                name: 'Security',
-                element: OpsViewSecurity,
-              },
-            ]}
+            .viewTabs=${this.viewTabs}
           >
           </dees-simple-appdash>
         </dees-simple-login>