From e7249df23f956f03afc5164c80188c97ea579858 Mon Sep 17 00:00:00 2001
From: Sirttas <sophiegaelle.calloch@gmail.com>
Date: Mon, 22 Jun 2026 12:42:22 +0200
Subject: [PATCH] market scan trends

---
 .../acquisition/AcquisitionQuartilesTooltip.vue       |  2 +-
 src/market/history/MarketTrendIcon.vue                | 11 ++++++++++-
 src/market/scan/ScanResultTable.vue                   |  9 +++++++--
 src/market/scan/scan.ts                               |  6 ++++--
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/market/acquisition/AcquisitionQuartilesTooltip.vue b/src/market/acquisition/AcquisitionQuartilesTooltip.vue
index 2467450..537d5cd 100644
--- a/src/market/acquisition/AcquisitionQuartilesTooltip.vue
+++ b/src/market/acquisition/AcquisitionQuartilesTooltip.vue
@@ -17,7 +17,7 @@ const open = ref(false);
 const loading = ref(false);
 
 const quartiles = computedAsync<HistoryQuartiles | null>(
-    () => open.value && props.id ? getQuartiles(props.id) : null,
+    () => props.id ? getQuartiles(props.id) : null,
     null,
     loading,
 );
diff --git a/src/market/history/MarketTrendIcon.vue b/src/market/history/MarketTrendIcon.vue
index 6758877..a5fa83b 100644
--- a/src/market/history/MarketTrendIcon.vue
+++ b/src/market/history/MarketTrendIcon.vue
@@ -13,4 +13,13 @@ defineProps<Props>();
     <ArrowTrendingUpIcon v-if="trend === MarketTrends.Up" />
     <ArrowTrendingDownIcon v-else-if="trend === MarketTrends.Down" />
     <ArrowLongRightIcon v-else />
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+@reference "@/style.css";
+
+svg {
+  @apply w-6 h-6;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/market/scan/ScanResultTable.vue b/src/market/scan/ScanResultTable.vue
index e15559d..5f77303 100644
--- a/src/market/scan/ScanResultTable.vue
+++ b/src/market/scan/ScanResultTable.vue
@@ -2,7 +2,7 @@
 import {SliderCheckbox} from '@/components';
 import {SortableHeader, useSort, VirtualScrollTable} from '@/components/table';
 import {formatIsk, percentFormater} from "@/formaters";
-import {MarketType, MarketTypeLabel} from "@/market";
+import {MarketTrend, MarketTrendIcon, MarketType, MarketTypeLabel} from "@/market";
 import {ShoppingCartIcon} from '@heroicons/vue/24/outline';
 import {useStorage} from '@vueuse/core';
 import {computed, ref} from 'vue';
@@ -22,6 +22,7 @@ type Result = {
     acquisitions: number;
     profit: number;
     score: number;
+    trend: MarketTrend;
 }
 
 interface Props {
@@ -80,7 +81,8 @@ const { sortedArray, headerProps, showColumn } = useSort<Result>(computed(() =>
             totalVolume: r.totalVolume,
             acquisitions,
             profit: r.profit,
-            score: r.score
+            score: r.score,
+            trend: r.trend,
         };
     }).filter(r => !onlyCheap.value || (r.buy <= r.q1 && r.profit >= (threshold.value / 100)))), {
         defaultSortKey: 'score',
@@ -137,7 +139,10 @@ const getLineColor = (result: Result) => {
             <tbody>
                 <tr v-for="r in list" :key="r.data.typeID" :class="getLineColor(r.data)">
                     <td v-if="showColumn('name')">
+                      <div class="flex">
                         <MarketTypeLabel :id="r.data.typeID" :name="r.data.name" />
+                        <MarketTrendIcon class="ms-auto" :trend="r.data.trend" />
+                      </div>
                     </td>
                     <td v-if="showColumn('buy')" class="text-right">{{ formatIsk(r.data.buy) }}</td>
                     <td v-if="showColumn('sell')" class="text-right">{{ formatIsk(r.data.sell) }}</td>
diff --git a/src/market/scan/scan.ts b/src/market/scan/scan.ts
index 9f3f61e..0941875 100644
--- a/src/market/scan/scan.ts
+++ b/src/market/scan/scan.ts
@@ -1,5 +1,5 @@
-import { MarketType } from "@/market";
-import { MarketScanResponse } from "@/generated/mammon";
+import {MarketTrend, MarketType} from "@/market";
+import {MarketScanResponse} from "@/generated/mammon";
 
 export type ScanResult = {
     type: MarketType;
@@ -11,6 +11,7 @@ export type ScanResult = {
     totalVolume: number;
     profit: number;
     score: number;
+    trend: MarketTrend;
 }
 
 export const toScanResult = (res: MarketScanResponse, type: MarketType): ScanResult => ({
@@ -23,4 +24,5 @@ export const toScanResult = (res: MarketScanResponse, type: MarketType): ScanRes
     totalVolume: res.totalVolume,
     profit: res.profit,
     score: res.score,
+    trend: res.trend,
 });