feat(components): introduce dynamic logo paths for NetworkVisualiser and ToolsPage components

meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue

@@ -265,6 +265,7 @@ export default {
     },
     data() {
         return {
+            reticulumLogoPath: "/assets/images/reticulum_logo_512.png",
             config: null,
             autoReload: false,
             reloadInterval: null,
@@ -598,7 +599,7 @@ export default {
                     group: "me",
                     size: 50,
                     shape: "circularImage",
-                    image: "/assets/images/reticulum_logo_512.png",
+                    image: this.reticulumLogoPath,
                     label: meLabel,
                     title: `Local Node: ${meLabel}\nIdentity: ${this.config?.identity_hash ?? "Unknown"}`,
                     color: { border: "#3b82f6", background: isDarkMode ? "#1e3a8a" : "#dbeafe" },

meshchatx/src/frontend/components/tools/ToolsPage.vue

@@ -102,7 +102,7 @@
                     <div
                         class="tool-card__icon bg-purple-50 text-purple-500 dark:bg-purple-900/30 dark:text-purple-200"
                     >
-                        <img src="/rnode-flasher/reticulum_logo_512.png" class="w-8 h-8 rounded-full" alt="RNode" />
+                        <img :src="rnodeLogoPath" class="w-8 h-8 rounded-full" alt="RNode" />
                     </div>
                     <div class="flex-1">
                         <div class="tool-card__title">{{ $t("tools.rnode_flasher.title") }}</div>
@@ -124,6 +124,11 @@ export default {
     components: {
         MaterialDesignIcon,
     },
+    data() {
+        return {
+            rnodeLogoPath: "/rnode-flasher/reticulum_logo_512.png",
+        };
+    },
 };
 </script>