From 5d2988046948195455100ab3cc75a2b93ea14fd4 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 29 Nov 2024 18:44:52 +0100
Subject: [PATCH] ui fixes

---
 src/routes/stocks/[tickerID]/+layout.svelte |  9 ++++++++-
 src/routes/stocks/[tickerID]/+layout.ts     | 13 -------------
 src/routes/stocks/[tickerID]/+page.svelte   | 12 ++++++------
 3 files changed, 14 insertions(+), 20 deletions(-)
 delete mode 100644 src/routes/stocks/[tickerID]/+layout.ts

diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index cd3db938..aac81d1e 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -12,6 +12,7 @@
     currentPrice,
     priceIncrease,
     stockTicker,
+    assetType,
     displayCompanyName,
     isOpen,
     shouldUpdatePriceChart,
@@ -32,6 +33,10 @@
   let previousTicker;
   let socket;
 
+  $stockTicker = data?.getParams;
+  $assetType = "stock";
+  $displayCompanyName = data?.companyName;
+
   let isScrolled = false;
   let y;
 
@@ -259,7 +264,9 @@
       typeof window !== "undefined"
     ) {
       // add a check to see if running on client-side
-
+      $stockTicker = data?.getParams;
+      $assetType = "stock";
+      $displayCompanyName = data?.companyName;
       $currentPortfolioPrice = data?.getStockQuote?.price;
       prePostData = data?.getPrePostQuote || {};
       const output = [...data?.getOneDayPrice] ?? [];
diff --git a/src/routes/stocks/[tickerID]/+layout.ts b/src/routes/stocks/[tickerID]/+layout.ts
deleted file mode 100644
index 89a1d1e4..00000000
--- a/src/routes/stocks/[tickerID]/+layout.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  stockTicker,
-  displayCompanyName,
-  assetType,
-} from "$lib/store";
-
-
-
-export const load = async ({  data }) => {
-  stockTicker.set(data?.getParams?.toUpperCase());
-  assetType.set("stock");
-  displayCompanyName.set(data?.companyName);
-};
\ No newline at end of file
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index b272f2c5..5d278324 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -729,21 +729,21 @@
   <meta name="viewport" content="width=device-width" />
   <title>
     {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$stockTicker}) Stock Price, Quote & News · stocknear
+    {data?.companyName} ({$stockTicker}) Stock Price, Quote & News · stocknear
   </title>
 
   <meta
     name="description"
-    content={`Get a real-time ${$displayCompanyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
+    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
   />
   <!-- Other meta tags -->
   <meta
     property="og:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Stock Price, Quote & News · stocknear`}
+    content={`${data?.companyName} (${$stockTicker}) Stock Price, Quote & News · stocknear`}
   />
   <meta
     property="og:description"
-    content={`Get a real-time ${$displayCompanyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
+    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
   />
   <!--<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>-->
   <meta property="og:type" content="website" />
@@ -753,11 +753,11 @@
   <meta name="twitter:card" content="summary_large_image" />
   <meta
     name="twitter:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Stock Price, Quote & News · stocknear`}
+    content={`${data?.companyName} (${$stockTicker}) Stock Price, Quote & News · stocknear`}
   />
   <meta
     name="twitter:description"
-    content={`Get a real-time ${$displayCompanyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
+    content={`Get a real-time ${data?.companyName} (${$stockTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`}
   />
   <!--<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>-->
   <!-- Add more Twitter meta tags as needed -->