From 3de8f53e0ffdcf56c4d191a335c01f0aba2a4278 Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Sat, 16 Sep 2023 12:21:32 +0200
Subject: [PATCH] rework buttons

---
 src/market/Market.vue            |  6 ++----
 src/market/MarketResultTable.vue | 12 ++++++++++--
 src/market/type/MarketType.ts    |  2 +-
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/market/Market.vue b/src/market/Market.vue
index 9f0c2d8..2a5f786 100644
--- a/src/market/Market.vue
+++ b/src/market/Market.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ArrowPathIcon } from '@heroicons/vue/24/outline';
 import { useStorage } from '@vueuse/core';
 import { onMounted, ref, watch } from 'vue';
 import { MarketOrderHistory, MarketResult, getHistory, jitaId } from ".";
@@ -44,16 +43,15 @@ onMounted(async () => {
 </script>
 
 <template>
-    <div class="grid grid-cols-2 mb-2 mt-4">
+    <div class="grid mb-2 mt-4">
         <div class="w-auto">
             <span>Item: </span>
             <input type="text" class="w-96" v-model="item" @keyup.enter="addItem" />
             <button class="justify-self-end ms-2" @click="addItem">Add</button>
         </div>
-        <button class="justify-self-end flex" @click="reloadAll"><ArrowPathIcon class="h-6 w-6 me-2" />Reload all</button>
     </div>
     <template v-if="items.length > 0">
         <hr />
-        <MarketReultTable :items="items" @relaod="type => addOrRelaod(type)" />
+        <MarketReultTable :items="items" @relaod="type => addOrRelaod(type)" @relaodAll="reloadAll" />
     </template>
 </template>
\ No newline at end of file
diff --git a/src/market/MarketResultTable.vue b/src/market/MarketResultTable.vue
index 2e3b112..44c6f3b 100644
--- a/src/market/MarketResultTable.vue
+++ b/src/market/MarketResultTable.vue
@@ -14,6 +14,7 @@ interface Props {
 
 interface Emits {
     (e: 'relaod', type: MarketType): void;
+    (e: 'relaodAll'): void;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -44,13 +45,20 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
 </script>
 
 <template>
-    <div class="grid grid-cols-1 mb-2 mt-4 ms-auto">
+    <div class="flex">
+        <div class="flex justify-self-end mb-2 mt-4 ms-auto">
         <div class="justify-self-end ms-2">
             <span>Days: </span>
             <input type="number" min="1" max="365" step="1" v-model="days" />
-            <span class="ms-2">Filter: </span>
+        </div>
+        <div class="justify-self-end ms-2">
+            <span>Filter: </span>
             <input type="text" class="w-96" v-model="filter" >
         </div>
+        <div class="justify-self-end ms-2">
+            <button class="flex" @click="$emit('relaodAll')"><ArrowPathIcon class="h-6 w-6 me-2" />Reload all</button>
+        </div>
+    </div>
     </div>
     <table>
         <thead>
diff --git a/src/market/type/MarketType.ts b/src/market/type/MarketType.ts
index 77640b9..8d63d97 100644
--- a/src/market/type/MarketType.ts
+++ b/src/market/type/MarketType.ts
@@ -13,7 +13,7 @@ export type MarketType = {
     portionSize: number;
 }
 
-export const getMarketType = async (type: string | number): Promise<MarketType> => (await getMarketTypes(type))[0];
+export const getMarketType = async (type: string | number): Promise<MarketType> => (await getMarketTypes([type]))[0];
 export const getMarketTypes = async (types: (string | number)[]): Promise<MarketType[]> => {
     if (types.length === 0) {
         return [];