From 4725eb95c9f22bff0a5af8e4fef4409f1fb3a69f Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Sun, 8 Mar 2026 22:12:43 +0000
Subject: [PATCH] users page dialogs

---
 lnbits/templates/pages/users.vue | 74 +++++++++++++++-----------------
 1 file changed, 34 insertions(+), 40 deletions(-)

diff --git a/lnbits/templates/pages/users.vue b/lnbits/templates/pages/users.vue
index a8df5aed9..94d8edd93 100644
--- a/lnbits/templates/pages/users.vue
+++ b/lnbits/templates/pages/users.vue
@@ -446,50 +446,44 @@
         </div>
       </div>
       <div v-else-if="activeWallet.show">
-        <q-dialog v-model="createWalletDialog.show" position="top">
-          <q-card class="q-pa-md q-pt-md lnbits__dialog-card">
-            <strong>Create Wallet</strong>
-            <div class="row">
-              <div class="col-12">
-                <div class="row q-mt-lg">
-                  <div class="col">
-                    <q-input
-                      v-model="createWalletDialog.data.name"
-                      :label="$t('name_your_wallet')"
-                      filled
-                      dense
-                      class="q-mb-md"
-                    >
-                    </q-input>
-                  </div>
-                </div>
-                <div class="row q-mt-lg">
-                  <div class="col">
-                    <q-select
-                      filled
-                      dense
-                      v-model="createWalletDialog.data.currency"
-                      :options="{{ currencies | safe }}"
-                    ></q-select>
-                  </div>
-                </div>
-                <div class="row q-mt-lg">
-                  <q-btn
-                    v-close-popup
-                    @click="createWallet()"
-                    unelevated
-                    color="primary"
-                    type="submit"
-                    >Create</q-btn
-                  >
-                  <q-btn v-close-popup flat color="grey" class="q-ml-auto"
-                    >Cancel</q-btn
+        <lnbits-dialog
+          :show="createWalletDialog.show"
+          title="Create Wallet"
+          :action="{
+            label: 'Create',
+            handler: createWallet,
+            closePopup: true
+          }"
+          cancel-label="Cancel"
+          @update:model-value="createWalletDialog.show = $event"
+        >
+          <div class="row">
+            <div class="col-12">
+              <div class="row q-mt-lg">
+                <div class="col">
+                  <q-input
+                    v-model="createWalletDialog.data.name"
+                    :label="$t('name_your_wallet')"
+                    filled
+                    dense
+                    class="q-mb-md"
                   >
+                  </q-input>
+                </div>
+              </div>
+              <div class="row q-mt-lg">
+                <div class="col">
+                  <q-select
+                    filled
+                    dense
+                    v-model="createWalletDialog.data.currency"
+                    :options="g.allowedCurrencies"
+                  ></q-select>
                 </div>
               </div>
             </div>
-          </q-card>
-        </q-dialog>
+          </div>
+        </lnbits-dialog>
       </div>
       <div v-else>
         <div class="row q-col-gutter-md q-mb-md">