From 82e8b82472d2c30317ead5ea8f5c92eba32678a4 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 13 Jan 2025 12:12:37 +0100
Subject: [PATCH] update price reaction page

---
 .../[tickerID]/statistics/price-reaction/+page.server.ts  | 5 +++--
 .../[tickerID]/statistics/price-reaction/+page.svelte     | 8 +++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.server.ts b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.server.ts
index 340ca3f6..46bcb6ad 100644
--- a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.server.ts
+++ b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.server.ts
@@ -1,5 +1,5 @@
 export const load = async ({ locals, params }) => {
-    const { apiKey, apiURL } = locals;
+    const { apiKey, apiURL, user } = locals;
 
   const getData = async () => {
     const postData = {
@@ -16,7 +16,8 @@ export const load = async ({ locals, params }) => {
       body: JSON.stringify(postData),
     });
 
-    const output = await response.json();
+    let output = await response.json();
+    output = user?.tier !== 'Pro' ? output?.slice(0,3) : output;
     return output;
   };
 
diff --git a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
index 58fcd296..1895c1ee 100644
--- a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
@@ -4,6 +4,7 @@
     displayCompanyName,
     stockTicker,
   } from "$lib/store";
+  import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
 
   export let data;
@@ -245,7 +246,11 @@
                         ></td
                       ></tr
                     >
-                    <tr class="group"
+                    <tr
+                      class="group {index + 1 === rawData?.length &&
+                      data?.user?.tier !== 'Pro'
+                        ? 'opacity-[0.1]'
+                        : ''}"
                       ><td
                         class="border-l border-primary pl-1 text-[#c3c6d0] text-sm px-1"
                         ><div class="flex w-full justify-between">
@@ -408,6 +413,7 @@
                 >
               </table>
             </div>
+            <UpgradeToPro {data} />
           {:else}
             <Infobox text="No data available" />
           {/if}