From bb5bc503ef905bba065cc39b26b62d6f2db1f280 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Fri, 7 Nov 2025 12:54:00 +0000
Subject: [PATCH] Improve importing of tabs

---
 webapp/src/components/appContent.vue | 26 +++++++-------------------
 webapp/src/store.js                  |  4 ----
 webapp/src/wot-client.js             |  3 +++
 3 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index 401b6d16..e4c6743a 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -81,19 +81,18 @@ import tabIcon from "./genericComponents/tabIcon";
 import tabContent from "./genericComponents/tabContent";
 
 // Import new content components
-import controlContent from "./tabContentComponents/controlContent.vue";
-import slideScanContent from "./tabContentComponents/slideScanContent.vue";
-import backgroundDetectContent from "./tabContentComponents/backgroundDetectContent.vue";
-import viewContent from "./tabContentComponents/viewContent.vue";
-import settingsContent from "./tabContentComponents/settingsContent.vue";
 import aboutContent from "./tabContentComponents/aboutContent.vue";
+import backgroundDetectContent from "./tabContentComponents/backgroundDetectContent.vue";
+import controlContent from "./tabContentComponents/controlContent.vue";
 import loggingContent from "./tabContentComponents/loggingContent.vue";
 import powerContent from "./tabContentComponents/powerContent.vue";
+import scanListContent from "./tabContentComponents/scanListContent.vue";
+import settingsContent from "./tabContentComponents/settingsContent.vue";
+import slideScanContent from "./tabContentComponents/slideScanContent.vue";
+import viewContent from "./tabContentComponents/viewContent.vue";
 
 // Import modal components for device initialisation
 import calibrationWizard from "./modalComponents/calibrationWizard.vue";
-import TabIcon from "./genericComponents/tabIcon.vue";
-import ScanListContent from "./tabContentComponents/scanListContent.vue";
 
 // Export main app
 export default {
@@ -102,15 +101,7 @@ export default {
   components: {
     tabIcon,
     tabContent,
-    controlContent,
-    slideScanContent,
-    viewContent,
-    settingsContent,
     calibrationWizard,
-    aboutContent,
-    loggingContent,
-    TabIcon,
-    powerContent,
   },
   data: function () {
     return {
@@ -178,12 +169,9 @@ export default {
         {
           id: "scan list",
           icon: "photo_library",
-          component: ScanListContent,
+          component: scanListContent,
         },
       ];
-      if (!this.$store.state.galleryEnabled) {
-        tabs = tabs.filter((tab) => tab.id != "gallery");
-      }
       return tabs;
     },
     allTabs() {
diff --git a/webapp/src/store.js b/webapp/src/store.js
index 625e376b..8b8a88c6 100644
--- a/webapp/src/store.js
+++ b/webapp/src/store.js
@@ -66,7 +66,6 @@ export default new Vuex.Store({
     error: "",
     autoGpuPreview: false,
     trackWindow: true,
-    galleryEnabled: true,
     activeStreams: {},
     microscopeHostname: "",
     // Persistent items:
@@ -108,9 +107,6 @@ export default new Vuex.Store({
     changeAppTheme(state, theme) {
       state.appTheme = theme;
     },
-    changeGalleryEnabled(state, enabled) {
-      state.galleryEnabled = enabled;
-    },
     resetState(state) {
       state.waiting = false;
       state.available = false;
diff --git a/webapp/src/wot-client.js b/webapp/src/wot-client.js
index 354fcd5e..64910ed5 100644
--- a/webapp/src/wot-client.js
+++ b/webapp/src/wot-client.js
@@ -51,6 +51,9 @@ export const wotStoreModule = {
     thingDescriptions: (state) => {
       return state.thingDescriptions;
     },
+    thingList: (state) => {
+      return Object.keys(state.thingDescriptions);
+    },
     thingDescription: (state) => (thingName) => {
       return state.thingDescriptions[thingName];
     },