add Bitcoin wallet status tab in CMS.

2026-09-06 16:07:56 +02:00
parent 33600d5c1c
commit 82932ce7c8
5 changed files with 153 additions and 1 deletions
@@ -2,6 +2,31 @@
    <div>
        <h3 class="m-0 mb-16">Wallet</h3>

-        <monero-wallet />
+        <el-tabs :model-value="activeTab" class="mb-24" @tab-change="onTabChange">
+            <el-tab-pane label="Monero (XMR)" name="monero" />
+            <el-tab-pane label="Bitcoin (BTC)" name="bitcoin" />
+        </el-tabs>
+
+        <router-view />
    </div>
 </template>
+
+<script setup lang="ts">
+import { ROUTE_NAMES } from '@/consts/routeNames';
+import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const route = useRoute();
+const router = useRouter();
+
+const activeTab = computed(() => (route.name === ROUTE_NAMES.BitcoinWallet ? 'bitcoin' : 'monero'));
+
+const onTabChange = (tabName: string | number) => {
+    if (tabName === 'bitcoin') {
+        router.push({ name: ROUTE_NAMES.BitcoinWallet });
+        return;
+    }
+
+    router.push({ name: ROUTE_NAMES.MoneroWallet });
+};
+</script>