From 87c0f355a21e909078ad00ececc0aacde7ca05a5 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 1 Nov 2024 10:30:07 +0100
Subject: [PATCH] ui fixes

---
 src/routes/stocks/[tickerID]/+layout.svelte   | 36 ++++++++++---------
 .../stocks/[tickerID]/forecast/+page.svelte   |  2 +-
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index c0589f51..1c489320 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -813,23 +813,25 @@ function handleTypeOfTrade(state:string)
                             />
                           </li>
                         {/if}
-                        <li class="cursor-pointer flex flex-col items-center">
-                          <a
-                            href={`/stocks/${$stockTicker}/forecast`}
-                            on:click={() => changeSection("forecast")}
-                            class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
-                            'forecast'
-                              ? 'text-white '
-                              : 'bg-[#09090B]'}"
-                          >
-                            Forecast
-                          </a>
-                          <div
-                            class="{displaySection === 'forecast'
-                              ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
-                          />
-                        </li>
+                        {#if Object?.keys(data?.getAnalystRating ?? {})?.length > 0}
+                          <li class="cursor-pointer flex flex-col items-center">
+                            <a
+                              href={`/stocks/${$stockTicker}/forecast`}
+                              on:click={() => changeSection("forecast")}
+                              class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
+                              'forecast'
+                                ? 'text-white '
+                                : 'bg-[#09090B]'}"
+                            >
+                              Forecast
+                            </a>
+                            <div
+                              class="{displaySection === 'forecast'
+                                ? 'bg-[#75D377]'
+                                : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
+                            />
+                          </li>
+                        {/if}
                         <li class="cursor-pointer flex flex-col items-center">
                           <a
                             href={`/stocks/${$stockTicker}/options`}
diff --git a/src/routes/stocks/[tickerID]/forecast/+page.svelte b/src/routes/stocks/[tickerID]/forecast/+page.svelte
index 2beaf001..de05b7e6 100644
--- a/src/routes/stocks/[tickerID]/forecast/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/+page.svelte
@@ -48,7 +48,7 @@
   const highChange = calculatePriceChange(highPriceTarget);
   const rawAnalystList = data?.getAnalystRating?.recommendationList || [];
   const recommendationList =
-    rawAnalystList?.length > 5 ? rawAnalystList?.slice(-6, -1) : rawAnalystList;
+    rawAnalystList?.length > 5 ? rawAnalystList?.slice(-6) : rawAnalystList;
   const categories = ["Strong Buy", "Buy", "Hold", "Sell", "Strong Sell"];
 
   function findIndex(data) {