From 4e4a700ced0cc826c575782caf3bf827f81f386b Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Sat, 28 Oct 2023 16:06:18 +0200
Subject: [PATCH] better label

---
 src/market/track/BuyModal.vue             | 28 +++++++++++++----------
 src/market/track/SellModal.vue            | 16 ++++++++-----
 src/market/track/TrackQuantilsTooltip.vue |  2 +-
 3 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/market/track/BuyModal.vue b/src/market/track/BuyModal.vue
index 7cda571..23b0847 100644
--- a/src/market/track/BuyModal.vue
+++ b/src/market/track/BuyModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Modal } from '@/components';
 import { formatIsk } from '@/formaters';
-import { MarketType } from '@/market';
+import { MarketType, MarketTypeLabel } from '@/market';
 import { ref } from 'vue';
 import { useTrackedItemStore } from './track';
 
@@ -47,19 +47,23 @@ defineExpose({ open });
 
 <template>
     <Modal v-model:open="modalOpen">
-        <div class="p-4 bg-slate-800 rounded flex">
-            <div class="flex me-2">
-                <span>Price: </span>
-                <div class="ms-2">
-                    <input  type="number" min="0" step="1" v-model="price" @keyup.enter="add" />
-                    <div class="px-2 mt-2 bg-slate-600 hover:bg-slate-700 border rounded cursor-pointer" v-for="(p, n) of suggestions" :key="n" @click="price = p">{{ n }}: {{ formatIsk(p) }}</div>
+        <div class="bg-slate-800 rounded">
+            <MarketTypeLabel v-if="type" class="m-1" :id="type.id" :name="type.name" hideCopy />
+            <hr />
+            <div class="flex p-4">
+                <div class="flex me-2">
+                    <span>Price: </span>
+                    <div class="ms-2">
+                        <input  type="number" min="0" step="1" v-model="price" @keyup.enter="add" />
+                        <div class="px-2 mt-2 bg-slate-600 hover:bg-slate-700 border rounded cursor-pointer" v-for="(p, n) of suggestions" :key="n" @click="price = p">{{ n }}: {{ formatIsk(p) }}</div>
+                    </div>
                 </div>
+                <div class="flex me-2 mb-auto">
+                    <span>Count: </span>
+                    <input class="ms-2" type="number" min="0" step="1" v-model="count" @keyup.enter="add" />
+                </div>
+                <button class="mb-auto" @click="add">Add</button>
             </div>
-            <div class="flex me-2 mb-auto">
-                <span>Count: </span>
-                <input class="ms-2" type="number" min="0" step="1" v-model="count" @keyup.enter="add" />
-            </div>
-            <button class="mb-auto" @click="add">Add</button>
         </div>
     </Modal>
 </template>
\ No newline at end of file
diff --git a/src/market/track/SellModal.vue b/src/market/track/SellModal.vue
index 563ca9e..ae370dc 100644
--- a/src/market/track/SellModal.vue
+++ b/src/market/track/SellModal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Modal } from '@/components';
-import { MarketType } from '@/market';
+import { MarketType, MarketTypeLabel } from '@/market';
 import { ref } from 'vue';
 import { useTrackedItemStore } from './track';
 
@@ -33,12 +33,16 @@ defineExpose({ open });
 
 <template>
     <Modal v-model:open="modalOpen">
-        <div class="p-4 bg-slate-800 rounded flex">
-            <div class="flex me-2 mb-auto">
-                <span>Count: </span>
-                <input class="ms-2" type="number" min="0" step="1" v-model="count" @keyup.enter="remove" />
+        <div class="bg-slate-800 rounded">
+            <MarketTypeLabel v-if="type" class="m-1" :id="type.id" :name="type.name" hideCopy />
+            <hr />
+            <div class="flex p-4">
+                <div class="flex me-2 mb-auto">
+                    <span>Count: </span>
+                    <input class="ms-2" type="number" min="0" step="1" v-model="count" @keyup.enter="remove" />
+                </div>
+                <button class="mb-auto" @click="remove">Remove</button>
             </div>
-            <button class="mb-auto" @click="remove">Remove</button>
         </div>
     </Modal>
 </template>
\ No newline at end of file
diff --git a/src/market/track/TrackQuantilsTooltip.vue b/src/market/track/TrackQuantilsTooltip.vue
index 89fcaa1..ae6f1d9 100644
--- a/src/market/track/TrackQuantilsTooltip.vue
+++ b/src/market/track/TrackQuantilsTooltip.vue
@@ -53,7 +53,7 @@ watchEffect(async () => {
             <ArrowTrendingDownIcon v-else />
         </template>
         <template #default>
-            <div class="bg-slate-500 -left-1/2 relative">
+            <div class="bg-slate-500 -left-1/2 relative" v-if="history.length > 0">
                 <table>
                     <thead>
                         <tr>