From 152fe5baabdc21aebe56b3536935b22a5b588f16 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Tue, 14 Mar 2023 11:19:53 +0200
Subject: [PATCH] feat: add merchant-details

---
 .../shipping-zones/shipping-zones.html         |  1 +
 static/js/index.js                             |  6 ++++++
 templates/nostrmarket/index.html               | 18 ++++++++----------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/static/components/shipping-zones/shipping-zones.html b/static/components/shipping-zones/shipping-zones.html
index cedaca7..04f5650 100644
--- a/static/components/shipping-zones/shipping-zones.html
+++ b/static/components/shipping-zones/shipping-zones.html
@@ -4,6 +4,7 @@
     unelevated
     color="primary"
     icon="public"
+    label="Zones"
     @click="openZoneDialog()"
   >
     <q-list>
diff --git a/static/js/index.js b/static/js/index.js
index cfb214c..435cfd8 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -7,6 +7,9 @@ const merchant = async () => {
   await stallList('static/components/stall-list/stall-list.html')
   await orderList('static/components/order-list/order-list.html')
   await directMessages('static/components/direct-messages/direct-messages.html')
+  await merchantDetails(
+    'static/components/merchant-details/merchant-details.html'
+  )
 
   const nostr = window.NostrTools
 
@@ -52,6 +55,9 @@ const merchant = async () => {
       showImportKeysDialog: async function () {
         this.importKeyDialog.show = true
       },
+      toggleMerchantKeys: function (value) {
+        this.showKeys = value
+      },
       createMerchant: async function (privateKey) {
         try {
           const pubkey = nostr.getPublicKey(privateKey)
diff --git a/templates/nostrmarket/index.html b/templates/nostrmarket/index.html
index 89fc385..641f642 100644
--- a/templates/nostrmarket/index.html
+++ b/templates/nostrmarket/index.html
@@ -61,6 +61,13 @@
       <q-card>
         <q-card-section>
           <div class="row">
+            <div class="col-2">
+              <merchant-details
+                :inkey="g.user.wallets[0].inkey"
+                :adminkey="g.user.wallets[0].adminkey"
+                @show-keys="toggleMerchantKeys"
+              ></merchant-details>
+            </div>
             <div class="col-8"></div>
             <div class="col-2">
               <shipping-zones
@@ -69,16 +76,6 @@
                 class="float-right"
               ></shipping-zones>
             </div>
-            <div class="col-2">
-              <q-btn
-                @click="showKeys = !showKeys"
-                icon="vpn_key"
-                color="primary"
-                class="float-right"
-              >
-                <q-tooltip> Show Public and Private keys </q-tooltip>
-              </q-btn>
-            </div>
           </div>
         </q-card-section>
         <q-card-section v-if="showKeys">
@@ -179,6 +176,7 @@
 <script src="{{ url_for('nostrmarket_static', path='components/stall-list/stall-list.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/order-list/order-list.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/direct-messages/direct-messages.js') }}"></script>
+<script src="{{ url_for('nostrmarket_static', path='components/merchant-details/merchant-details.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='js/index.js') }}"></script>
 
 {% endblock %}