users page dialogs

lnbits/templates/pages/users.vue

@@ -446,9 +446,17 @@
         </div>
       </div>
       <div v-else-if="activeWallet.show">
-        <q-dialog v-model="createWalletDialog.show" position="top">
+        <lnbits-dialog
-          <q-card class="q-pa-md q-pt-md lnbits__dialog-card">
+          :show="createWalletDialog.show"
-            <strong>Create Wallet</strong>
+          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">
@@ -469,27 +477,13 @@
                     filled
                     dense
                     v-model="createWalletDialog.data.currency"
-                      :options="{{ currencies | safe }}"
+                    :options="g.allowedCurrencies"
                   ></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
-                  >
             </div>
           </div>
-            </div>
+        </lnbits-dialog>
-          </q-card>
-        </q-dialog>
       </div>
       <div v-else>
         <div class="row q-col-gutter-md q-mb-md">