exchange ticker dialog

lnbits/templates/components/admin/exchange_providers.vue

@@ -199,12 +199,16 @@
     </div>
     <div class="col-md-8 col-sm-12"></div>
   </div>
-
-  <q-dialog v-model="exchangeData.showTickerConversion" position="top">
-    <q-card class="q-pa-md q-pt-md lnbits__dialog-card">
-      <div class="q-mb-md">
-        <strong v-text="$t('create_ticker_converter')"></strong>
-      </div>
+  <lnbits-dialog
+    :show="exchangeData.showTickerConversion"
+    :title="$t('create_ticker_converter')"
+    :action="{
+      handler: () => addExchangeTickerConversion(),
+      label: 'Add Ticker Conversion'
+    }"
+    :cancel-label="$t('close')"
+    @update:model-value="exchangeData.showTickerConversion = $event"
+  >
     <div class="row">
       <div class="col-12 q-mb-md">
         <q-select
@@ -226,20 +230,5 @@
         </q-input>
       </div>
     </div>
-      <div class="row q-mt-lg">
-        <q-btn
-          @click="addExchangeTickerConversion()"
-          label="Add Ticker Conversion"
-          color="primary"
-        ></q-btn>
-        <q-btn
-          v-close-popup
-          flat
-          color="grey"
-          class="q-ml-auto"
-          v-text="$t('close')"
-        ></q-btn>
-      </div>
-    </q-card>
-  </q-dialog>
+  </lnbits-dialog>
 </template>