From dc63d057fd77624eb55f2ecb82b6e7b667ba5e16 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Wed, 5 Jul 2023 12:25:30 +0300
Subject: [PATCH] chore: improving

---
 .../customer-market/customer-market.html      | 11 ----
 static/js/market.js                           |  2 +-
 templates/nostrmarket/market.html             | 50 ++++++++++++-------
 3 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/static/components/customer-market/customer-market.html b/static/components/customer-market/customer-market.html
index eb056ff..ba5ad41 100644
--- a/static/components/customer-market/customer-market.html
+++ b/static/components/customer-market/customer-market.html
@@ -2,17 +2,6 @@
   <div v-if="searchNostr" class="row q-col-gutter-md">
     <div class="col-12 q-gutter-y-md">
       <q-card>
-        <!-- <q-card-section class="row items-center q-pb-none">
-          <div class="text-h6">Search Globally</div>
-          <q-space />
-          <q-btn
-            icon="close"
-            flat
-            round
-            dense
-            @click="searchNostr = !searchNostr"
-          />
-        </q-card-section> -->
         <q-card-section>
           <div class="row items-center no-wrap q-mb-md">
             <div class="col">
diff --git a/static/js/market.js b/static/js/market.js
index e50a891..fac2655 100644
--- a/static/js/market.js
+++ b/static/js/market.js
@@ -48,7 +48,7 @@ const market = async () => {
           }
         },
         searchNostr: false,
-        drawer: false,
+        drawer: true,
         pubkeys: new Set(),
         relays: new Set(),
         events: [],
diff --git a/templates/nostrmarket/market.html b/templates/nostrmarket/market.html
index 8b25525..600ad32 100644
--- a/templates/nostrmarket/market.html
+++ b/templates/nostrmarket/market.html
@@ -1,5 +1,12 @@
 {% extends "public.html" %} {% block page %}
 <q-layout view="hHh Lpr lff">
+  <q-header reveal bordered class="bg-marginal-bg">
+    <q-toolbar>
+      <q-btn flat @click="drawerLeft = !drawerLeft" round dense icon="menu" />
+      <q-toolbar-title>Header</q-toolbar-title>
+      <q-btn flat @click="drawerRight = !drawerRight" round dense icon="menu" />
+    </q-toolbar>
+  </q-header>
   <q-drawer v-model="drawer" side="left">
     <q-toolbar class="bg-primary text-white shadow-2">
       <q-toolbar-title>Settings</q-toolbar-title>
@@ -145,27 +152,32 @@
       </q-list>
     </div>
   </q-drawer>
+  <q-drawer v-model="drawer" side="right"></q-drawer>
   <q-page-container>
     <div class="row q-mb-md">
-      <div class="col-12 q-gutter-y-md">
-        <q-toolbar>
-          <q-btn flat round dense icon="menu" @click="drawer = !drawer"></q-btn>
-          {%raw%}
-          <q-toolbar-title style="text-transform: capitalize">
-            {{ activePage }}
-          </q-toolbar-title>
-          {%endraw%}
-          <q-space></q-space>
-          <q-btn v-if="!activeStall" color="primary" label="Search" icon="travel_explore"
-            @click="searchNostr = !searchNostr"><q-tooltip>Search for products on Nostr</q-tooltip></q-btn>
-          <q-input class="q-ml-md" standout square dense outlined clearable v-model.trim="searchText"
-            label="Filter products">
-            <template v-slot:append>
-              <q-icon v-if="!searchText" name="search" />
-            </template>
-          </q-input>
-        </q-toolbar>
-      </div>
+      <!-- <q-toolbar class="col-2">
+        <q-btn flat round dense icon="menu" @click="drawer = !drawer"></q-btn>
+      </q-toolbar> -->
+      <q-toolbar class="col-lg-9 col-md-8 col-sm-6 auto-width">
+        <q-input class="rounded-pill" style="width:100%;" rounded outlined clearable v-model.trim="searchText"
+          label="Filter products">
+          <template v-slot:append>
+            <q-icon v-if="!searchText" name="search" />
+          </template>
+        </q-input>
+      </q-toolbar>
+      <q-toolbar class="col-lg-3 col-md-4 col-sm-6">
+        <div class="float-right">
+          <q-btn color="gray" icon="travel_explore" flat size="lg" @click="searchNostr = !searchNostr"><q-tooltip>Search
+              for products on Nostr</q-tooltip></q-btn>
+          <q-btn color="gray" icon="perm_identity" flat size="lg" @click="searchNostr = !searchNostr"><q-tooltip>User
+              Config</q-tooltip></q-btn>
+          <q-btn color="gray" icon="shopping_cart" flat size="lg"
+            @click="searchNostr = !searchNostr"><q-tooltip>Shopping
+              Cart</q-tooltip></q-btn>
+        </div>
+      </q-toolbar>
+
     </div>
     <customer-stall v-if="!isLoading && activeStall" :stall="stalls.find(stall => stall.id == activeStall)"
       :products="filterProducts" :stall-products="products.filter(p => p.stall_id == activeStall)"