Update product names and fix chart image filename

DROP-TABLE-Participants · Mar 31, 2024 · a9713b5 · a9713b5
1 parent 82a7930
commit a9713b5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/client/src/components/sections/TrendFluctuationSection.vue b/client/src/components/sections/TrendFluctuationSection.vue
@@ -5,7 +5,7 @@
     </div>
 
     <div class="product-trend-cards-container" v-if="products.at(0).name">
-        <ProductTrendCard v-for="product in productsHistory" :title="product.product.name" :growth="product.fluctuation" :isGrowthUp="product.fluctuation > 0"  @click="router.push({name:'productView', params:{id:product.product.id}})"/>
+        <ProductTrendCard v-for="product in productsHistory" :title="product.product.serialized_name" :growth="product.fluctuation" :isGrowthUp="product.fluctuation > 0"  @click="router.push({name:'productView', params:{id:product.product.id}})"/>
     </div>
 </div>
 </template>
@@ -25,8 +25,10 @@ let productsHistory: Ref<any> = ref([]);
 onMounted(()=>{
     props.products.forEach(async (product)=>{
         productService.getProductTrendHistory(product.id).then((res)=>{
+          if (res.data.length < 1) return;
             let record = res.data;
-            let fluctuation = record[record.length-2].value / record[record.length-1].value * 100 - 100;
+            record.sort((a:any, b:any) => new Date(a.date).getTime() - new Date(b.date).getTime())
+            let fluctuation = record[record.length - 1].value;
             productsHistory.value.push({product:product, fluctuation:fluctuation.toFixed(2)});
             console.log(record)
         });

diff --git a/client/src/views/ProductOverview.vue b/client/src/views/ProductOverview.vue
@@ -4,7 +4,7 @@
             <button @click="navigateToItems" class="back-button">
                 <BackArrowIcon />
             </button>
-            <h1 v-if="product">{{product.name}}</h1>
+            <h1 v-if="product">{{product.serialized_name}}</h1>
         </header>
 
         <section class="trend-section">
@@ -15,7 +15,7 @@
         </section>
         <OverviewCard/>
         <h2>The interest is highly positive</h2>
-        <img src="../assets/CatchUp.png" alt="chart" class="chart"/>
+        <img src="../assets/CatchUP.png" alt="chart" class="chart"/>
     </div>
 
     <Navbar :active="'products'"/>