From 2b8072469209a522b023ff7f03fd6782e94b9d8c Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Mon, 18 Sep 2023 11:09:56 +0200
Subject: [PATCH] clipboard

---
 src/market/MarketResultTable.vue       | 5 ++---
 src/market/type/MarketTypeLabel.vue    | 6 +++++-
 src/reprocess/ReprocessResultTable.vue | 3 +--
 src/style.css                          | 6 ++++++
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/market/MarketResultTable.vue b/src/market/MarketResultTable.vue
index 11242e2..7dc5885 100644
--- a/src/market/MarketResultTable.vue
+++ b/src/market/MarketResultTable.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { formatIsk, percentFormater } from '@/formaters';
 import { SortableHeader, useSort } from '@/table';
-import { copyToClipboard } from '@/utils';
 import { ArrowPathIcon } from '@heroicons/vue/24/outline';
 import { useStorage } from '@vueuse/core';
 import { computed, ref } from 'vue';
@@ -98,7 +97,7 @@ const getLineColor = (result: Result) => {
             </tr>
         </thead>
         <tbody>
-            <tr v-for="r in sortedArray" :key="r.typeID" class="cursor-pointer" :class="getLineColor(r)" @click="copyToClipboard(r.name)">
+            <tr v-for="r in sortedArray" :key="r.typeID" :class="getLineColor(r)">
                 <td>
                     <MarketTypeLabel :id="r.typeID" :name="r.name" />
                 </td>
@@ -109,7 +108,7 @@ const getLineColor = (result: Result) => {
                 <td class="text-right">{{ formatIsk(r.q3) }}</td>
                 <td class="text-right">{{  percentFormater.format(r.percent) }}</td>
                 <td class="text-right">
-                    <button class="btn-icon" @click="$emit('relaod', r.type)"><ArrowPathIcon class="stroke-slate-100 hover:stroke-slate-400"/></button>
+                    <button class="btn-icon-stroke" @click="$emit('relaod', r.type)"><ArrowPathIcon /></button>
                 </td>
             </tr>
         </tbody>
diff --git a/src/market/type/MarketTypeLabel.vue b/src/market/type/MarketTypeLabel.vue
index f88bdc0..f3ec106 100644
--- a/src/market/type/MarketTypeLabel.vue
+++ b/src/market/type/MarketTypeLabel.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import { copyToClipboard } from '@/utils';
+import { ClipboardIcon } from '@heroicons/vue/24/outline';
+
 
 interface Props {
     name?: string;
@@ -15,5 +18,6 @@ withDefaults(defineProps<Props>(), {
     <img v-if="id" :src="`https://images.evetech.net/types/${id}/icon`" class="inline-block w-5 h-5" />
     <template v-if="name">
         {{ name }}
-    </template> 
+        <button class="btn-icon-stroke" @click="copyToClipboard(name)"><ClipboardIcon class="!w-4 !h-4" /></button>
+    </template>
 </template>
\ No newline at end of file
diff --git a/src/reprocess/ReprocessResultTable.vue b/src/reprocess/ReprocessResultTable.vue
index e2dec46..b5d8104 100644
--- a/src/reprocess/ReprocessResultTable.vue
+++ b/src/reprocess/ReprocessResultTable.vue
@@ -2,7 +2,6 @@
 import { formatIsk, percentFormater } from '@/formaters';
 import { MarketTypeLabel } from '@/market/type';
 import { SortableHeader, useSort } from '@/table';
-import { copyToClipboard } from '@/utils';
 import { useStorage } from '@vueuse/core';
 import { computed } from 'vue';
 import BuySellSlider from './BuySellSlider.vue';
@@ -49,7 +48,7 @@ const { sortedArray, headerProps } = useSort(computed(() => props.result.map(r =
             </tr>
         </thead>
         <tbody>
-            <tr v-for="r in sortedArray" :key="r.typeID" class="cursor-pointer" :class="{'line-green': (useSellOrder ? r.sell_ratio : r.buy_ratio) >= threshold / 100 }" @click="copyToClipboard(r.name)">
+            <tr v-for="r in sortedArray" :key="r.typeID" :class="{'line-green': (useSellOrder ? r.sell_ratio : r.buy_ratio) >= threshold / 100 }">
                 <td>
                     <MarketTypeLabel :id="r.typeID" :name="r.name" />
                 </td>
diff --git a/src/style.css b/src/style.css
index a2ffcb4..b2177cc 100644
--- a/src/style.css
+++ b/src/style.css
@@ -64,4 +64,10 @@
             @apply w-6 h-6 hover:text-slate-400;
         }
     }
+    .btn-icon-stroke {
+        @apply btn-icon;
+        > svg {
+            @apply stroke-slate-100 hover:stroke-slate-400;
+        }
+    }
 }
\ No newline at end of file