market scan trends

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>