From c8a014b06e36f84b17aa51e24310aaa2f7c6fa12 Mon Sep 17 00:00:00 2001
From: Sudo-Ivan <ivan@quad4.io>
Date: Sun, 4 Jan 2026 00:07:29 -0600
Subject: [PATCH] feat(AboutPage, MapPage): add identity hash and LXMF address
 display in AboutPage, and ensure axios is available before fetching peers in
 MapPage

---
 .../frontend/components/about/AboutPage.vue   | 23 ++++++++++++++++++-
 .../src/frontend/components/map/MapPage.vue   |  1 +
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/meshchatx/src/frontend/components/about/AboutPage.vue b/meshchatx/src/frontend/components/about/AboutPage.vue
index f608f10..9f4602a 100644
--- a/meshchatx/src/frontend/components/about/AboutPage.vue
+++ b/meshchatx/src/frontend/components/about/AboutPage.vue
@@ -155,6 +155,27 @@
                                 <div
                                     class="flex flex-col justify-center space-y-3 bg-zinc-50 dark:bg-zinc-950 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800"
                                 >
+                                    <div
+                                        v-if="config"
+                                        class="space-y-3 mb-2 pb-3 border-b border-zinc-100 dark:border-zinc-800"
+                                    >
+                                        <div class="flex flex-col">
+                                            <span class="text-[9px] font-black text-blue-500 uppercase tracking-wider"
+                                                >Identity Hash</span
+                                            >
+                                            <span class="font-mono text-[10px] break-all opacity-70">{{
+                                                config.identity_hash
+                                            }}</span>
+                                        </div>
+                                        <div class="flex flex-col">
+                                            <span class="text-[9px] font-black text-blue-500 uppercase tracking-wider"
+                                                >LXMF Address</span
+                                            >
+                                            <span class="font-mono text-[10px] break-all opacity-70">{{
+                                                config.lxmf_address_hash
+                                            }}</span>
+                                        </div>
+                                    </div>
                                     <div class="flex items-center justify-between">
                                         <span class="text-[10px] font-black text-blue-500 uppercase tracking-wider"
                                             >Python</span
@@ -434,7 +455,7 @@
                                         size="small"
                                         class="font-black px-4 rounded-lg text-white"
                                         :loading="databaseActionInProgress"
-                                        @click="recoverDatabase"
+                                        @click="runRecovery"
                                     >
                                         <v-icon icon="mdi-medical-bag" start size="14"></v-icon> Recovery
                                     </v-btn>
diff --git a/meshchatx/src/frontend/components/map/MapPage.vue b/meshchatx/src/frontend/components/map/MapPage.vue
index bd56dcb..8da7ef5 100644
--- a/meshchatx/src/frontend/components/map/MapPage.vue
+++ b/meshchatx/src/frontend/components/map/MapPage.vue
@@ -2035,6 +2035,7 @@ export default {
             this.isMobileScreen = window.innerWidth < 640;
         },
         async fetchPeers() {
+            if (!window.axios) return;
             try {
                 const response = await window.axios.get("/api/v1/lxmf/conversations");
                 const peers = {};