From d5a90c793b26a82a9254b1d8113cb73a1cc9fb65 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Mon, 15 Sep 2025 00:54:01 +0200
Subject: [PATCH] Refactor wallet module components for improved code
 organization and performance

- Updated import paths in the wallet module to enhance clarity and maintainability.
- Removed unused imports in ReceiveDialog and SendDialog components to streamline the code.
- Introduced a computed property in WalletPage to extract the base domain from the payment service configuration, improving readability and error handling.

These changes contribute to a cleaner codebase and enhance the overall performance of the wallet module.
---
 src/modules/wallet/components/ReceiveDialog.vue |  4 ++--
 src/modules/wallet/components/SendDialog.vue    |  3 +--
 src/modules/wallet/index.ts                     | 12 ++----------
 src/modules/wallet/views/WalletPage.vue         | 12 +++++++++---
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/modules/wallet/components/ReceiveDialog.vue b/src/modules/wallet/components/ReceiveDialog.vue
index 1328ea1..5302c81 100644
--- a/src/modules/wallet/components/ReceiveDialog.vue
+++ b/src/modules/wallet/components/ReceiveDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, nextTick } from 'vue'
+import { ref, computed } from 'vue'
 import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
@@ -55,7 +55,7 @@ const form = useForm({
   }
 })
 
-const { resetForm, values, meta } = form
+const { resetForm, meta } = form
 const isFormValid = computed(() => meta.value.valid)
 
 // State
diff --git a/src/modules/wallet/components/SendDialog.vue b/src/modules/wallet/components/SendDialog.vue
index 4f02098..9614a1f 100644
--- a/src/modules/wallet/components/SendDialog.vue
+++ b/src/modules/wallet/components/SendDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { computed } from 'vue'
 import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
@@ -8,7 +8,6 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
-import { Label } from '@/components/ui/label'
 import { Send, AlertCircle, Loader2 } from 'lucide-vue-next'
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
 
diff --git a/src/modules/wallet/index.ts b/src/modules/wallet/index.ts
index 6aab6e5..1cf2bbc 100644
--- a/src/modules/wallet/index.ts
+++ b/src/modules/wallet/index.ts
@@ -1,5 +1,5 @@
 import type { App } from 'vue'
-import type { ModulePlugin } from '@/core/plugin-manager'
+import type { ModulePlugin } from '@/core/types'
 import { container, SERVICE_TOKENS } from '@/core/di-container'
 import WalletService from './services/WalletService'
 import { WalletPage, SendDialog, ReceiveDialog, WalletTransactions } from './components'
@@ -37,15 +37,7 @@ export const walletModule: ModulePlugin = {
     SendDialog,
     ReceiveDialog,
     WalletTransactions
-  },
-  
-  userMenuItems: [
-    {
-      name: 'Wallet',
-      href: '/wallet',
-      icon: 'Wallet'
-    }
-  ]
+  }
 }
 
 export default walletModule
\ No newline at end of file
diff --git a/src/modules/wallet/views/WalletPage.vue b/src/modules/wallet/views/WalletPage.vue
index 4312377..d63ed30 100644
--- a/src/modules/wallet/views/WalletPage.vue
+++ b/src/modules/wallet/views/WalletPage.vue
@@ -5,10 +5,8 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Button } from '@/components/ui/button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { Badge } from '@/components/ui/badge'
-import { Separator } from '@/components/ui/separator'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { RefreshCw, Send, QrCode, ArrowUpRight, ArrowDownLeft, Clock, Wallet } from 'lucide-vue-next'
-import CurrencyDisplay from '@/components/ui/CurrencyDisplay.vue'
 import ReceiveDialog from '../components/ReceiveDialog.vue'
 import SendDialog from '../components/SendDialog.vue'
 import { format } from 'date-fns'
@@ -40,6 +38,14 @@ const totalBalance = computed(() => {
 
 const payLinks = computed(() => walletService?.payLinks?.value || [])
 const firstPayLink = computed(() => payLinks.value[0] || null)
+const baseDomain = computed(() => {
+  try {
+    const baseUrl = paymentService?.config?.baseUrl || 'http://localhost'
+    return new URL(baseUrl).hostname
+  } catch {
+    return 'localhost'
+  }
+})
 
 // Get transactions grouped by date
 const groupedTransactions = computed(() => {
@@ -447,7 +453,7 @@ onMounted(async () => {
                     <div class="flex items-center gap-4 mt-2 text-sm text-muted-foreground">
                       <span>{{ link.min }}-{{ link.max }} sats</span>
                       <Badge v-if="link.username" variant="secondary">
-                        {{ link.username }}@{{ new URL(paymentService?.config?.baseUrl || 'http://localhost').hostname }}
+                        {{ link.username }}@{{ baseDomain }}
                       </Badge>
                     </div>