From 04e4c12560935ebbe2c63f396e8d6d7a8ae578ed Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 31 Aug 2024 15:52:03 +0200
Subject: [PATCH] update forecast overview page

---
 src/lib/components/AnalystEstimate.svelte         |  3 +--
 .../stocks/[tickerID]/forecast/+page.svelte       | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/AnalystEstimate.svelte b/src/lib/components/AnalystEstimate.svelte
index 9b08c3f2..323bce45 100644
--- a/src/lib/components/AnalystEstimate.svelte
+++ b/src/lib/components/AnalystEstimate.svelte
@@ -98,7 +98,6 @@ function findIndex(data) {
       const isBeforeStopIndex = index < stopIndex - 1;
       const isAfterStartIndex = index >= stopIndex - 2;
       dates.push(`FY${date}`);
-
       switch (displayData) {
         case "Revenue":
           valueList.push(isBeforeStopIndex ? item.revenue : null);
@@ -311,7 +310,7 @@ function findIndex(data) {
     <div class="w-full m-auto mt-5 sm:mt-0">
       <div class="flex flex-row items-center">
         <label for="predictiveFundamentalsInfo" class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
-          Revenue Forecast
+          {displayData} Forecast
         </label>
         <InfoModal
           title={"Predictive Fundamentals"}
diff --git a/src/routes/stocks/[tickerID]/forecast/+page.svelte b/src/routes/stocks/[tickerID]/forecast/+page.svelte
index a0c2199c..a7113079 100644
--- a/src/routes/stocks/[tickerID]/forecast/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/+page.svelte
@@ -1,10 +1,18 @@
 <script lang="ts">
   import { numberOfUnreadNotification, displayCompanyName, stockTicker, analystEstimateComponent } from "$lib/store";
   import { abbreviateNumber } from "$lib/utils";
-  import Lazy from "$lib/components/Lazy.svelte";
+  import InfoModal from "$lib/components/InfoModal.svelte";
 
+  import { Chart } from "svelte-echarts";
+  import { init, use } from "echarts/core";
+  import { LineChart } from "echarts/charts";
+  import { GridComponent, TooltipComponent } from "echarts/components";
+  import { CanvasRenderer } from "echarts/renderers";
+  
   export let data;
+  use([LineChart, GridComponent, TooltipComponent, CanvasRenderer]);
 
+  
 function findIndex(data) {
     const currentYear = new Date().getFullYear();
     return data.findIndex(item => item.date >= currentYear && item.revenue === null);
@@ -121,13 +129,14 @@ const changeEPS = abbreviateNumber(((data?.getAnalystEstimate[index-1]?.estimate
 
 
 
-        <Lazy>
           <div class="w-full m-auto sm:pb-6 sm:pt-6 {!$analystEstimateComponent ? 'hidden' : ''}">
             {#await import("$lib/components/AnalystEstimate.svelte") then { default: Comp }}
               <svelte:component this={Comp} {data} />
             {/await}
           </div>
-        </Lazy>
+
+
+
       </div>
     </div>
   </div>