From 1a949a1f39ec1a8dc8b0c84294e83cce177f6172 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 22 Nov 2024 17:07:38 +0100
Subject: [PATCH] add paywall to reddit tracker

---
 src/routes/reddit-tracker/+page.svelte      | 37 ++++++++++++++++-----
 src/routes/stocks/[tickerID]/+layout.svelte | 18 ++++++----
 2 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/src/routes/reddit-tracker/+page.svelte b/src/routes/reddit-tracker/+page.svelte
index d9452802..7a635d41 100644
--- a/src/routes/reddit-tracker/+page.svelte
+++ b/src/routes/reddit-tracker/+page.svelte
@@ -512,14 +512,35 @@
                       class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
                     >
                       {#each tabs as item, index}
-                        <label
-                          on:click={() => changeTimePeriod(index)}
-                          class="p-2 px-5 cursor-pointer {activeIdx === index
-                            ? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]'
-                            : 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}"
-                        >
-                          {item.title}
-                        </label>
+                        {#if data?.user?.tier === "Pro" || index === 0}
+                          <label
+                            on:click={() => changeTimePeriod(index)}
+                            class="p-2 px-5 cursor-pointer {activeIdx === index
+                              ? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]'
+                              : 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}"
+                          >
+                            {item.title}
+                          </label>
+                        {:else if data?.user?.tier !== "Pro"}
+                          <a
+                            href="/pricing"
+                            class="flex flex-row items-center p-2 px-5 cursor-pointer {activeIdx ===
+                            index
+                              ? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]'
+                              : 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}"
+                          >
+                            <span class="">{item.title}</span>
+                            <svg
+                              class="ml-2 w-3.5 h-3.5"
+                              xmlns="http://www.w3.org/2000/svg"
+                              viewBox="0 0 24 24"
+                              ><path
+                                fill="#A3A3A3"
+                                d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
+                              /></svg
+                            >
+                          </a>
+                        {/if}
                       {/each}
                     </ul>
                   </nav>
diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index 2c9a2ae4..744639a4 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -22,7 +22,6 @@
   import { page } from "$app/stores";
   import toast from "svelte-french-toast";
   import { convertTimestamp } from "$lib/utils";
-  import Markethour from "$lib/components/Markethour.svelte";
   import AIScore from "$lib/components/AIScore.svelte";
 
   export let data;
@@ -584,8 +583,6 @@
                       <div
                         class="hidden sm:flex flex-row w-full justify-between items-center"
                       >
-                        <Markethour />
-
                         <!--Start Watchlist-->
 
                         {#if data?.user}
@@ -762,11 +759,18 @@
                                   {displayLegend?.change}%
                                 </div>
                                 <div class="mt-0.5 text-xs sm:text-sm">
-                                  <span
-                                    class="block font-semibold sm:inline mb-0.5 sm:mb-0"
-                                    >At close:</span
-                                  >
+                                  {#if !$isOpen}
+                                    <span
+                                      class="block font-semibold sm:inline mb-0.5 sm:mb-0"
+                                      >At close:</span
+                                    >
+                                  {/if}
                                   {displayLegend?.date}
+                                  {#if $isOpen}
+                                    <span class="block sm:inline mb-0.5 sm:mb-0"
+                                      >- Market open</span
+                                    >
+                                  {/if}
                                 </div>
                               </div>
                               {#if Object?.keys(prePostData)?.length !== 0}