From 5997bcca9ae38d9d615e95365ee03a942649202d Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 14 Sep 2024 19:09:24 +0200
Subject: [PATCH] remove paywalls

---
 src/lib/components/AnalystEstimate.svelte     | 13 ++-----
 src/lib/components/AnalystInsight.svelte      | 10 +-----
 src/lib/components/FundamentalAnalysis.svelte |  8 +----
 src/lib/components/RevenueSegmentation.svelte | 10 +-----
 src/lib/components/WIIM.svelte                |  9 +----
 src/routes/+layout.svelte                     | 18 +++-------
 src/routes/analysts/+page.svelte              |  7 ++--
 src/routes/analysts/+page.ts                  | 29 +++++++--------
 src/routes/analysts/top-stocks/+page.svelte   |  5 +--
 src/routes/analysts/top-stocks/+page.ts       | 35 +++++++++----------
 src/routes/cramer-tracker/+page.svelte        |  3 +-
 src/routes/cramer-tracker/+page.ts            |  4 +--
 .../etf/[tickerID]/options/+page.svelte       | 14 ++++----
 src/routes/etf/[tickerID]/options/+page.ts    | 11 ------
 src/routes/most-retail-volume/+page.svelte    |  6 ++--
 src/routes/most-retail-volume/+page.ts        |  2 +-
 src/routes/most-shorted-stocks/+page.svelte   |  6 ++--
 src/routes/most-shorted-stocks/+page.ts       |  2 +-
 src/routes/politicians/flow-data/+page.svelte |  4 +--
 .../[tickerID]/forecast/analyst/+page.svelte  | 13 ++++---
 .../stocks/[tickerID]/insider/+page.svelte    |  8 ++---
 .../stocks/[tickerID]/options/+page.svelte    | 29 ++++++---------
 src/routes/stocks/[tickerID]/options/+page.ts | 11 ------
 .../stats/balance-sheet/+page.svelte          |  7 ----
 .../[tickerID]/stats/cash-flow/+page.svelte   |  7 ----
 .../[tickerID]/stats/income/+page.svelte      |  4 ++-
 .../[tickerID]/stats/ratios/+page.svelte      |  7 ----
 27 files changed, 90 insertions(+), 192 deletions(-)

diff --git a/src/lib/components/AnalystEstimate.svelte b/src/lib/components/AnalystEstimate.svelte
index fc919b97..0d87649c 100644
--- a/src/lib/components/AnalystEstimate.svelte
+++ b/src/lib/components/AnalystEstimate.svelte
@@ -311,7 +311,6 @@
 
       <div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full sm:w-5/6">We analyze insights from various analysts to offer both historical and future fundamental data forecasts.</div>
 
-      {#if data?.user?.tier === "Pro"}
         {#if isLoaded}
           {#if analystEstimateList?.length !== 0}
             <select class="mt-5 mb-5 sm:mb-0 sm:mt-3 ml-1 w-44 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#2A303C]" on:change={changeStatement}>
@@ -451,19 +450,13 @@
             </div>
           </div>
         {/if}
-      {:else}
-        <div class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold">
-          <svg class="mr-1.5 w-5 h-5 inline-block" 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
-          >
-          Unlock content with
-          <a class="inline-block ml-2 text-blue-400 hover:sm:text-white" href="/pricing">Pro Subscription</a>
-        </div>
-      {/if}
+
     </div>
   </main>
 </section>
 
+
+
 <style>
   .app {
     height: 300px;
diff --git a/src/lib/components/AnalystInsight.svelte b/src/lib/components/AnalystInsight.svelte
index 7ac7c46a..be68aff0 100644
--- a/src/lib/components/AnalystInsight.svelte
+++ b/src/lib/components/AnalystInsight.svelte
@@ -88,7 +88,6 @@
       />
     </div>
 
-    {#if data?.user?.tier === "Pro"}
       {#if isLoaded}
         {#if Object?.keys(rawData)?.length !== 0}
           <div class="w-full flex flex-col items-start">
@@ -137,14 +136,7 @@
           </div>
         </div>
       {/if}
-    {:else}
-      <div class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold">
-        <svg class="mr-1.5 w-5 h-5 inline-block" 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
-        >
-        Unlock content with <a class="inline-block ml-2 text-blue-400 hover:sm:text-white" href="/pricing">Pro Subscription</a>
-      </div>
-    {/if}
+
   </main>
 </section>
 
diff --git a/src/lib/components/FundamentalAnalysis.svelte b/src/lib/components/FundamentalAnalysis.svelte
index 65a22301..5b78d7bf 100644
--- a/src/lib/components/FundamentalAnalysis.svelte
+++ b/src/lib/components/FundamentalAnalysis.svelte
@@ -88,7 +88,6 @@ $: {
                 />
             </div>
             
-            {#if data?.user?.tier === 'Pro'}
 
             {#if isLoaded}
 
@@ -216,12 +215,7 @@ $: {
             </div>  
             {/if}
 
-            {:else}
-            <div class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold">
-                <svg class="mr-1.5 w-5 h-5 inline-block"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>
-                Unlock content with <a class="inline-block ml-2 text-blue-400 hover:sm:text-white" href="/pricing">Pro Subscription</a>
-              </div>
-          {/if}
+
     
         </main>
     </section>
diff --git a/src/lib/components/RevenueSegmentation.svelte b/src/lib/components/RevenueSegmentation.svelte
index 44ef3f36..2ec85743 100644
--- a/src/lib/components/RevenueSegmentation.svelte
+++ b/src/lib/components/RevenueSegmentation.svelte
@@ -184,7 +184,6 @@ $: charNumber = $screenWidth < 640 ? 25 :40;
       />
     </div>
 
-    {#if userTier === "Pro"}
       {#if isLoaded}
         {#if Object?.keys(data)?.length !== 0 && totalProductRevenue !== 0}
           <div class="mt-2 pb-4">
@@ -278,14 +277,7 @@ $: charNumber = $screenWidth < 640 ? 25 :40;
           </div>
         </div>
       {/if}
-    {:else}
-      <div class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold">
-        <svg class="mr-1.5 w-5 h-5 inline-block" 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
-        >
-        Unlock content with <a class="inline-block ml-2 text-blue-400 hover:sm:text-white" href="/pricing">Pro Subscription</a>
-      </div>
-    {/if}
+
   </main>
 </section>
 
diff --git a/src/lib/components/WIIM.svelte b/src/lib/components/WIIM.svelte
index d4de990b..2a54d82e 100644
--- a/src/lib/components/WIIM.svelte
+++ b/src/lib/components/WIIM.svelte
@@ -95,17 +95,10 @@ $: {
 
                                             <div class="flex flex-col w-full max-w-3xl pt-2 pl-2 pr-2 sm:pr-0">
                                                 <span class="text-white text-[1rem] ">
-                                                    {data?.user?.tier !== 'Pro' && latestInfoDate(item?.date) ? item?.text?.slice(0,30) + '...' : item?.text }
+                                                    {item?.text }
                                                 </span>
                                             </div>
 
-                                            {#if data?.user?.tier !== 'Pro' && latestInfoDate(item?.date)}
-                                                <a href="/pricing" class="w-full max-w-xl mt-5 text-blue-300 hover:text-white font-medium text-sm flex justify-center items-center">
-                                                    Unlock with Pro Subscription
-                                                <svg class="ml-1 w-5 h-5 inline-block"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}
-                        
                                            
                         
                         
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 23596cae..9ac1b2ba 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -588,11 +588,8 @@ $: {
                   <Card.Header class="p-4">
                     <Card.Title>Upgrade to Pro</Card.Title>
                     <Card.Description>
-                      {#if data?.user?.freeTrial === true}
-                       Your free trial will expire soon.
-                       Upgrade now for unlimited access to all features!
-                      {:else}
-                        Unlock all features of the platform and level up your trading.
+                      {#if !data?.user || data?.user?.tier !== 'Pro' || data?.user?.freeTrial === true}
+                       Support the Platform to be always free ❤
                       {/if}
                     </Card.Description>
                   </Card.Header>
@@ -600,7 +597,7 @@ $: {
                     <Sheet.Close asChild let:builder>
                       <Button on:click={() => goto('/pricing')} builders={[builder]} type="submit" size="sm" class="w-full bg-white hover:bg-white/80">
                         <span class="flex flex-row items-center text-black font-semibold text-center">
-                          Upgrade
+                          Become Pro
                         </span>
                       </Button>
                   </Sheet.Close>
@@ -903,17 +900,12 @@ $: {
                 <Card.Header class="p-2 pt-0 md:p-4">
                   <Card.Title>Upgrade to Pro</Card.Title>
                   <Card.Description>
-                    {#if data?.user?.freeTrial === true}
-                      Your free trial will be expired soon.
-                      Upgrade now for unlimited access to all features!
-                    {:else}
-                      Unlock all features of the platform and level up your trading.
-                    {/if}
+                    Support the Platform to be always free ❤
                   </Card.Description>
                 </Card.Header>
                 <Card.Content class="p-2 pt-0 md:p-4 md:pt-0">
                   <a href="/pricing" class="flex justify-center items-center text-center rounded-lg text-sm py-2 m-auto text-center w-full bg-white text-black font-semibold hover:bg-white/80">
-                    Upgrade
+                    Become Pro
                   </a>
                 </Card.Content>
               </Card.Root>
diff --git a/src/routes/analysts/+page.svelte b/src/routes/analysts/+page.svelte
index c13321df..ac7bc742 100644
--- a/src/routes/analysts/+page.svelte
+++ b/src/routes/analysts/+page.svelte
@@ -1,7 +1,7 @@
 <script lang='ts'>
   import { goto } from '$app/navigation';
   import { numberOfUnreadNotification } from '$lib/store';
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
   import { onMount } from 'svelte';
 
@@ -261,7 +261,7 @@ $: {
                       <tbody>
                         {#each analytRatingList as item, index}
 
-                        <tr on:click={() => goto(`/analysts/${item?.analystId}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index+1 === rawData?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''} cursor-pointer">
+                        <tr on:click={() => goto(`/analysts/${item?.analystId}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] cursor-pointer">
                           <td class="text-white text-sm sm:text-[1rem] font-semibold text-white text-center">
                             {item?.rank}
                           </td>
@@ -329,7 +329,8 @@ $: {
                     </table>
                   </div>
                   
-                  <UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>
+                  <!--<UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>-->
+
                   {:else}
                   <div class="flex justify-center items-center h-80">
                     <div class="relative">
diff --git a/src/routes/analysts/+page.ts b/src/routes/analysts/+page.ts
index 01d5e96c..49e0a3a9 100644
--- a/src/routes/analysts/+page.ts
+++ b/src/routes/analysts/+page.ts
@@ -1,37 +1,34 @@
-import {getCache, setCache } from '$lib/store';
-
-
-
-export const load = async ({parent}) => {
+import { getCache, setCache } from "$lib/store";
 
+export const load = async ({ parent }) => {
   const getTopAnalyst = async () => {
-    const { apiURL, apiKey, user} = await parent();
+    const { apiURL, apiKey, user } = await parent();
 
     let output;
 
-    const cachedData = getCache('', 'getTopAnalyst');
+    const cachedData = getCache("", "getTopAnalyst");
     if (cachedData) {
       output = cachedData;
     } else {
-
-      const response = await fetch(apiURL + '/top-analysts', {
-        method: 'GET',
+      const response = await fetch(apiURL + "/top-analysts", {
+        method: "GET",
         headers: {
-          "Content-Type": "application/json", "X-API-KEY": apiKey
+          "Content-Type": "application/json",
+          "X-API-KEY": apiKey,
         },
       });
 
       output = await response?.json();
-       setCache('', output, 'getTopAnalyst');
+      setCache("", output, "getTopAnalyst");
     }
-    
-    output = user?.tier !== 'Pro' ? output?.reverse()?.slice(0,6) : output;
+
+    //output = user?.tier !== 'Pro' ? output?.reverse()?.slice(0,6) : output;
 
     return output;
   };
 
   // Make sure to return a promise
   return {
-    getTopAnalyst: await getTopAnalyst()
+    getTopAnalyst: await getTopAnalyst(),
   };
-};
\ No newline at end of file
+};
diff --git a/src/routes/analysts/top-stocks/+page.svelte b/src/routes/analysts/top-stocks/+page.svelte
index a2424515..06b54691 100644
--- a/src/routes/analysts/top-stocks/+page.svelte
+++ b/src/routes/analysts/top-stocks/+page.svelte
@@ -2,7 +2,7 @@
   import { goto } from '$app/navigation';
   import { numberOfUnreadNotification, screenWidth } from '$lib/store';
 	import { abbreviateNumber } from '$lib/utils';
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import { onMount } from 'svelte';
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
@@ -297,7 +297,8 @@ $: {
                       </table>
                     </div>
 
-                    <UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>
+                    <!--<UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>-->
+
                     {:else}
                     <div class="flex justify-center items-center h-80">
                       <div class="relative">
diff --git a/src/routes/analysts/top-stocks/+page.ts b/src/routes/analysts/top-stocks/+page.ts
index cd93a42c..bcf7926e 100644
--- a/src/routes/analysts/top-stocks/+page.ts
+++ b/src/routes/analysts/top-stocks/+page.ts
@@ -1,36 +1,33 @@
-import { getCache, setCache } from '$lib/store';
+import { getCache, setCache } from "$lib/store";
 
-
-
-export const load = async ({parent}) => {
+export const load = async ({ parent }) => {
   const getTopAnalystStocks = async () => {
     let output;
-    const { apiURL, apiKey, user} = await parent();
+    const { apiURL, apiKey, user } = await parent();
 
-    const cachedData = getCache('', 'getTopAnalystStocks');
+    const cachedData = getCache("", "getTopAnalystStocks");
     if (cachedData) {
       output = cachedData;
     } else {
+      const response = await fetch(apiURL + "/top-analysts-stocks", {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          "X-API-KEY": apiKey,
+        },
+      });
 
-      const response = await fetch(apiURL + '/top-analysts-stocks', {
-      method: 'GET',
-      headers: {
-        "Content-Type": "application/json", "X-API-KEY": apiKey
-      },
-    });
-
-    output = await response.json();
-
-    setCache('', output, 'getTopAnalystStocksg');
+      output = await response.json();
 
+      setCache("", output, "getTopAnalystStocksg");
     }
 
-    output = user?.tier !== 'Pro' ? output?.reverse()?.slice(0,6) : output;
+    //output = user?.tier !== 'Pro' ? output?.reverse()?.slice(0,6) : output;
     return output;
   };
 
   // Make sure to return a promise
   return {
-    getTopAnalystStocks: await getTopAnalystStocks()
+    getTopAnalystStocks: await getTopAnalystStocks(),
   };
-};
\ No newline at end of file
+};
diff --git a/src/routes/cramer-tracker/+page.svelte b/src/routes/cramer-tracker/+page.svelte
index 306b0898..a9355f65 100644
--- a/src/routes/cramer-tracker/+page.svelte
+++ b/src/routes/cramer-tracker/+page.svelte
@@ -4,7 +4,6 @@
     import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
     import { onMount } from 'svelte';
     import ArrowLogo from "lucide-svelte/icons/move-up-right";
-    import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
 
     //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   
@@ -204,7 +203,7 @@
                         </table>
                     </div>
                       <InfiniteLoading on:infinite={infiniteHandler} />
-                      <UpgradeToPro data={data} title="Get the latest dark pool trades in realtime from Hedge Funds & Major Institutional Traders"/>
+                      <!--<UpgradeToPro data={data} title="Get the latest dark pool trades in realtime from Hedge Funds & Major Institutional Traders"/>-->
     
                   </div>
   
diff --git a/src/routes/cramer-tracker/+page.ts b/src/routes/cramer-tracker/+page.ts
index 30f61844..410bf2f3 100644
--- a/src/routes/cramer-tracker/+page.ts
+++ b/src/routes/cramer-tracker/+page.ts
@@ -22,9 +22,7 @@ export const load = async ({ parent }) => {
       setCache("", output, "getCramerTracker");
     }
 
-    output = user?.tier !== "Pro" ? output?.slice(0, 5) : output;
-
-    //output = data?.user?.tier !== 'Pro' ? output?.slice(0,6) : output;
+    //output = user?.tier !== "Pro" ? output?.slice(0, 5) : output;
 
     return output;
   };
diff --git a/src/routes/etf/[tickerID]/options/+page.svelte b/src/routes/etf/[tickerID]/options/+page.svelte
index 8cc167ce..70a70c00 100644
--- a/src/routes/etf/[tickerID]/options/+page.svelte
+++ b/src/routes/etf/[tickerID]/options/+page.svelte
@@ -5,7 +5,7 @@
   import { abbreviateNumber } from '$lib/utils';
   import InfoModal from '$lib/components/InfoModal.svelte';
   import { onMount } from 'svelte'
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import { init, use } from 'echarts/core'
   import { BarChart,LineChart } from 'echarts/charts'
   import { GridComponent, TooltipComponent } from 'echarts/components'
@@ -411,12 +411,10 @@ onMount(async () => {
   }
   
 
-  if(data?.user?.tier === 'Pro') {
     window.addEventListener('scroll', handleScroll);
     return () => {
         window.removeEventListener('scroll', handleScroll);
     };
-  }
 })
 
 
@@ -718,8 +716,8 @@ $: {
                                           </tr>
                                         </thead>
                                         <tbody>
-                                          {#each (data?.user?.tier === 'Pro' ? optionList : optionList?.slice(0,3)) as item, index}
-                                          <tr on:click={() => handleViewData(item?.date)} on:mouseover={() => getDailyTransactions($etfTicker+'+'+item?.date)} class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] {index+1 === optionList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                                          {#each optionList as item, index}
+                                          <tr on:click={() => handleViewData(item?.date)} on:mouseover={() => getDailyTransactions($etfTicker+'+'+item?.date)} class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]">
                                             
                                             <td class="text-white text-sm sm:text-[1rem] text-start">
                                               {formatDate(item?.date)}
@@ -811,8 +809,8 @@ $: {
                                           </tr>
                                         </thead>
                                         <tbody>
-                                          {#each (data?.user?.tier === 'Pro' ? optionChainList : optionChainList?.slice(0,3)) as item, index}
-                                          <tr class="odd:bg-[#27272A] border-b-[#09090B] {index+1 === optionChainList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                                          {#each optionChainList as item, index}
+                                          <tr class="odd:bg-[#27272A] border-b-[#09090B]">
                                             
                                             <td class="text-white text-sm sm:text-[1rem] text-end">
                                                {abbreviateNumber(item?.total_premium_call,true)}
@@ -858,7 +856,7 @@ $: {
                                     
                                 </div>
     
-                                <UpgradeToPro data={data} title="Get the recent Options Flow Data from Hedge Funds and major institutional traders to never miss out"/>
+                                <!---<UpgradeToPro data={data} title="Get the recent Options Flow Data from Hedge Funds and major institutional traders to never miss out"/>-->
     
                                 {:else}
                                 <div class="flex justify-center items-center m-auto mt-16 mb-6">
diff --git a/src/routes/etf/[tickerID]/options/+page.ts b/src/routes/etf/[tickerID]/options/+page.ts
index 44e5508f..10ff6ef1 100644
--- a/src/routes/etf/[tickerID]/options/+page.ts
+++ b/src/routes/etf/[tickerID]/options/+page.ts
@@ -1,16 +1,5 @@
 import { getCache, setCache } from "$lib/store";
 
-function daysLeft(targetDate) {
-  const targetTime = new Date(targetDate).getTime();
-  const currentTime = new Date().getTime();
-  const difference = targetTime - currentTime;
-
-  const millisecondsPerDay = 1000 * 60 * 60 * 24;
-  const daysLeft = Math?.ceil(difference / millisecondsPerDay);
-
-  return daysLeft;
-}
-
 export const load = async ({ parent, params }) => {
   const { apiKey, apiURL } = await parent();
 
diff --git a/src/routes/most-retail-volume/+page.svelte b/src/routes/most-retail-volume/+page.svelte
index 088acad8..17106883 100644
--- a/src/routes/most-retail-volume/+page.svelte
+++ b/src/routes/most-retail-volume/+page.svelte
@@ -3,7 +3,7 @@
   import { numberOfUnreadNotification, screenWidth } from '$lib/store';
 	import { abbreviateNumber } from '$lib/utils';
   import { onMount } from 'svelte';
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   
@@ -178,7 +178,7 @@ async function handleScroll() {
                         <tbody>
                           {#each stockList as item, index}
   
-                          <tr on:click={() => goto(`/${item?.assetType}/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index+1 === stockList?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''} cursor-pointer">
+                          <tr on:click={() => goto(`/${item?.assetType}/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] cursor-pointer">
                             <td class="text-white text-sm sm:text-[1rem] font-medium text-white text-end">
                               {index+1}
                             </td>
@@ -216,7 +216,7 @@ async function handleScroll() {
                         </tbody>
                       </table>
                   </div>
-                    <UpgradeToPro data={data} title="Get the top 100 stocks that retail investors put their money on the market to never miss out the next hype"/>
+                    <!--<UpgradeToPro data={data} title="Get the top 100 stocks that retail investors put their money on the market to never miss out the next hype"/>-->
   
                 </div>
 
diff --git a/src/routes/most-retail-volume/+page.ts b/src/routes/most-retail-volume/+page.ts
index ebd79dab..6e6ccefe 100644
--- a/src/routes/most-retail-volume/+page.ts
+++ b/src/routes/most-retail-volume/+page.ts
@@ -23,7 +23,7 @@ export const load = async ({ parent }) => {
       setCache("", output, "getMostRetailVolume");
     }
 
-    output = user?.tier !== "Pro" ? output?.slice(0, 6) : output;
+    //output = user?.tier !== "Pro" ? output?.slice(0, 6) : output;
 
     return output;
   };
diff --git a/src/routes/most-shorted-stocks/+page.svelte b/src/routes/most-shorted-stocks/+page.svelte
index 1fc7b6e2..213b353d 100644
--- a/src/routes/most-shorted-stocks/+page.svelte
+++ b/src/routes/most-shorted-stocks/+page.svelte
@@ -4,7 +4,7 @@
   import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
 	import { abbreviateNumber } from '$lib/utils';
   import { onMount } from 'svelte';
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   
@@ -163,7 +163,7 @@
                         <tbody>
                           {#each shortedList as item, index}
   
-                          <tr on:click={() => goto(`/stocks/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index+1 === shortedList?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''} cursor-pointer">
+                          <tr on:click={() => goto(`/stocks/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] cursor-pointer">
                             <td class="text-white text-sm sm:text-[1rem] font-medium text-white text-end">
                               {index+1}
                             </td>
@@ -205,7 +205,7 @@
                       </table>
                   </div>
                     <InfiniteLoading on:infinite={infiniteHandler} />
-                    <UpgradeToPro data={data} title="Get the most shorted stocks on the market to never miss out the next short squeeze"/>
+                    <!--<UpgradeToPro data={data} title="Get the most shorted stocks on the market to never miss out the next short squeeze"/>-->
   
                 </div>
 
diff --git a/src/routes/most-shorted-stocks/+page.ts b/src/routes/most-shorted-stocks/+page.ts
index 8a6cb205..4f603f41 100644
--- a/src/routes/most-shorted-stocks/+page.ts
+++ b/src/routes/most-shorted-stocks/+page.ts
@@ -22,7 +22,7 @@ export const load = async ({ parent }) => {
       setCache("", output, "getMostShortedStocks");
     }
 
-    output = user?.tier !== "Pro" ? output?.slice(0, 6) : output;
+    //output = user?.tier !== "Pro" ? output?.slice(0, 6) : output;
 
     return output;
   };
diff --git a/src/routes/politicians/flow-data/+page.svelte b/src/routes/politicians/flow-data/+page.svelte
index 2eb0a068..967f48c0 100644
--- a/src/routes/politicians/flow-data/+page.svelte
+++ b/src/routes/politicians/flow-data/+page.svelte
@@ -9,7 +9,7 @@
   import { stockTicker, etfTicker, cryptoTicker, screenWidth, numberOfUnreadNotification } from '$lib/store';
   import { onMount } from 'svelte';
   import defaultLogo from '$lib/images/stocks/logo/default_logo.png';
-	import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+	//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   //  import * as XLSX from 'xlsx';
@@ -636,7 +636,7 @@
                     <!--<InfiniteLoading on:infinite={infiniteHandler} />-->
                       {/if}
 
-                      <UpgradeToPro data={data} title="Track the latest trades of corrupt US Politicians"/>
+                      <!--<UpgradeToPro data={data} title="Track the latest trades of corrupt US Politicians"/>-->
 
   
                   </div>
diff --git a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
index 7a93c1cb..fabfb8ed 100644
--- a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
@@ -4,7 +4,7 @@ import {numberOfUnreadNotification, displayCompanyName, stockTicker, currentPort
 import InfoModal from '$lib/components/InfoModal.svelte';
 import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
 import { goto } from '$app/navigation';
-import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
 
 export let data;
 
@@ -248,8 +248,8 @@ changeTab(0)
                                   </tr>
                                 </thead>
                                 <tbody>
-                                  {#each (data?.user?.tier === 'Pro' ? historyList : historyList?.slice(0,3)) as item,index}
-                                  <tr on:click={() => goto(`/analysts/${item?.analystId}`)} class="cursor-pointer {latestInfoDate(item?.date) ? 'bg-[#F9AB00] bg-opacity-[0.1]' : 'odd:bg-[#27272A]'} border-b-[#09090B]  {index+1 === historyList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                                  {#each historyList as item,index}
+                                  <tr on:click={() => goto(`/analysts/${item?.analystId}`)} class="cursor-pointer {latestInfoDate(item?.date) ? 'bg-[#F9AB00] bg-opacity-[0.1]' : 'odd:bg-[#27272A]'} border-b-[#09090B] ">
                                     <td class="text-sm sm:text-[1rem] whitespace-nowrap text-start">
                                       <div class="flex flex-col items-start">
                                         <span class="text-blue-400">{item?.analyst_name} </span>
@@ -317,11 +317,10 @@ changeTab(0)
 
                           </div>
                         </div>
-                        {#if data?.user?.tier === 'Pro'}
-                        <InfiniteLoading on:infinite={infiniteHandler} />
-                        {/if}
 
-                        <UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>
+                        <InfiniteLoading on:infinite={infiniteHandler} />
+
+                        <!--<UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>-->
 
                     {:else}
                     <div class="w-full flex justify-start items-center m-auto mt-10 mb-6">
diff --git a/src/routes/stocks/[tickerID]/insider/+page.svelte b/src/routes/stocks/[tickerID]/insider/+page.svelte
index 94fcf998..d38623b4 100644
--- a/src/routes/stocks/[tickerID]/insider/+page.svelte
+++ b/src/routes/stocks/[tickerID]/insider/+page.svelte
@@ -3,7 +3,7 @@ import { displayCompanyName, numberOfUnreadNotification, stockTicker } from '$li
 import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
 import { formatString, abbreviateNumber } from '$lib/utils';
 import InfoModal from '$lib/components/InfoModal.svelte';
-import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
+//import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
 import { Chart } from 'svelte-echarts'
 import { init, use } from 'echarts/core'
 import { LineChart, BarChart } from 'echarts/charts'
@@ -536,8 +536,8 @@ onMount(async() => {
                               </tr>
                             </thead>
                             <tbody>
-                              {#each (data?.user?.tier === 'Pro' ? insiderTradingList : insiderTradingList?.slice(0,3)) as item, index}
-                              <tr class="text-white odd:bg-[#27272A] {index+1 === insiderTradingList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                              {#each insiderTradingList as item, index}
+                              <tr class="text-white odd:bg-[#27272A]">
       
                                 <td class="text-white text-sm sm:text-[1rem] border-b border-[#09090B] whitespace-nowrap">
                                   <div class="flex flex-col">
@@ -587,7 +587,7 @@ onMount(async() => {
                         <InfiniteLoading on:infinite={infiniteHandler} />
                       {/if}
 
-                      <UpgradeToPro data={data} title="Access {$displayCompanyName}'s insider transactions to track executive selling and purchasing activity"/>
+                      <!--<UpgradeToPro data={data} title="Access {$displayCompanyName}'s insider transactions to track executive selling and purchasing activity"/>-->
 
 
           
diff --git a/src/routes/stocks/[tickerID]/options/+page.svelte b/src/routes/stocks/[tickerID]/options/+page.svelte
index c8f74817..00e181f2 100644
--- a/src/routes/stocks/[tickerID]/options/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/+page.svelte
@@ -5,7 +5,7 @@
   import { abbreviateNumber } from '$lib/utils';
   import InfoModal from '$lib/components/InfoModal.svelte';
   import { onMount } from 'svelte'
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import { init, use } from 'echarts/core'
   import { BarChart,LineChart } from 'echarts/charts'
   import { GridComponent, TooltipComponent } from 'echarts/components'
@@ -411,12 +411,10 @@ onMount(async () => {
   }
   
 
-  if(data?.user?.tier === 'Pro') {
     window.addEventListener('scroll', handleScroll);
     return () => {
         window.removeEventListener('scroll', handleScroll);
     };
-  }
 })
 
 
@@ -718,8 +716,8 @@ $: {
                                           </tr>
                                         </thead>
                                         <tbody>
-                                          {#each (data?.user?.tier === 'Pro' ? optionList : optionList?.slice(0,3)) as item, index}
-                                          <tr on:click={() => handleViewData(item?.date)} on:mouseover={() => getDailyTransactions($stockTicker+'+'+item?.date)} class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] {index+1 === optionList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                                          {#each optionList as item, index}
+                                          <tr on:click={() => handleViewData(item?.date)} on:mouseover={() => getDailyTransactions($stockTicker+'+'+item?.date)} class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]">
                                             
                                             <td class="text-white text-sm sm:text-[1rem] text-start">
                                               {formatDate(item?.date)}
@@ -811,8 +809,8 @@ $: {
                                           </tr>
                                         </thead>
                                         <tbody>
-                                          {#each (data?.user?.tier === 'Pro' ? optionChainList : optionChainList?.slice(0,3)) as item, index}
-                                          <tr class="odd:bg-[#27272A] border-b-[#09090B] {index+1 === optionChainList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
+                                          {#each optionChainList as item, index}
+                                          <tr class="odd:bg-[#27272A] border-b-[#09090B]">
                                             
                                             <td class="text-white text-sm sm:text-[1rem] text-end">
                                                {abbreviateNumber(item?.total_premium_call,true)}
@@ -858,7 +856,7 @@ $: {
                                     
                                 </div>
     
-                                <UpgradeToPro data={data} title="Get the recent Options Flow Data from Hedge Funds and major institutional traders to never miss out"/>
+                                <!---<UpgradeToPro data={data} title="Get the recent Options Flow Data from Hedge Funds and major institutional traders to never miss out"/>-->
     
                                 {:else}
                                 <div class="flex justify-center items-center m-auto mt-16 mb-6">
@@ -893,15 +891,8 @@ $: {
 <!-- Put this part before </body> tag -->
 
 <dialog id="optionDetailsDesktopModal" class="modal modal-bottom sm:modal-middle cursor-pointer ">
-  <div class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#141417] sm:bg-[#09090B] border-t sm:border border-gray-600 h-auto">
-    <form method="dialog" class="modal-backdrop backdrop-blur-[4px]">
-      <button class="cursor-pointer absolute right-0 top-0 text-[1.8rem] text-white">
-        <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z"/>
-        </svg>
-      </button>
-    </form>
-
-    <p class="text-gray-200 mt-10 cursor-text">
+  <div class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#09090B] border-t sm:border border-gray-600 h-auto">
+     <p class="text-gray-200 mt-10 cursor-text">
       <span class="text-white text-xl font-semibold mb-4">Option Data Details:</span>
       <br class="">
       {#if optionHistoryList?.length !== 0}
@@ -1014,8 +1005,10 @@ $: {
         {/if}
       </div>
     </div>
+
+
   </div>
-  <form method="dialog" class="modal-backdrop">
+  <form method="dialog" class="modal-backdrop backdrop-blur-[4px]">
     <button>close</button>
   </form>
 </dialog>
diff --git a/src/routes/stocks/[tickerID]/options/+page.ts b/src/routes/stocks/[tickerID]/options/+page.ts
index 44e5508f..10ff6ef1 100644
--- a/src/routes/stocks/[tickerID]/options/+page.ts
+++ b/src/routes/stocks/[tickerID]/options/+page.ts
@@ -1,16 +1,5 @@
 import { getCache, setCache } from "$lib/store";
 
-function daysLeft(targetDate) {
-  const targetTime = new Date(targetDate).getTime();
-  const currentTime = new Date().getTime();
-  const difference = targetTime - currentTime;
-
-  const millisecondsPerDay = 1000 * 60 * 60 * 24;
-  const daysLeft = Math?.ceil(difference / millisecondsPerDay);
-
-  return daysLeft;
-}
-
 export const load = async ({ parent, params }) => {
   const { apiKey, apiURL } = await parent();
 
diff --git a/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte b/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte
index 5dad06a8..14bdd723 100644
--- a/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte
@@ -521,16 +521,9 @@ $: {
                                 </label>
                             </li>
                             <li class="w-full">
-                              {#if data?.user?.tier === 'Pro'}
                                 <label on:click={() => filterRule = 'quartely'} class="cursor-pointer inline-block w-full py-2.5 {filterRule === 'quartely' ? 'bg-purple-600' : 'bg-[#2A303C]'} font-semibold text-white rounded-r-lg">
                                   Quartely
                                 </label>
-                              {:else}
-                              <a href="/pricing" class="flex flex-row items-center m-auto justify-center cursor-pointer inline-block w-full py-2.5 bg-[#2A303C] font-semibold text-white rounded-r-lg">
-                                <span class="">Quarterly</span>
-                                <svg class="ml-1 -mt-0.5 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}
 
                             </li>
                           </ul>
diff --git a/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte b/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte
index 70141b86..cfa62314 100644
--- a/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte
@@ -487,16 +487,9 @@ $: {
                                 </label>
                             </li>
                             <li class="w-full">
-                              {#if data?.user?.tier === 'Pro'}
                                 <label on:click={() => filterRule = 'quartely'} class="cursor-pointer inline-block w-full py-2.5 {filterRule === 'quartely' ? 'bg-purple-600' : 'bg-[#2A303C]'} font-semibold text-white rounded-r-lg">
                                   Quartely
                                 </label>
-                              {:else}
-                              <a href="/pricing" class="flex flex-row items-center m-auto justify-center cursor-pointer inline-block w-full py-2.5 bg-[#2A303C] font-semibold text-white rounded-r-lg">
-                                <span class="">Quarterly</span>
-                                <svg class="ml-1 -mt-0.5 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}
 
                             </li>
                           </ul>
diff --git a/src/routes/stocks/[tickerID]/stats/income/+page.svelte b/src/routes/stocks/[tickerID]/stats/income/+page.svelte
index c574c965..150f6c1f 100644
--- a/src/routes/stocks/[tickerID]/stats/income/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/income/+page.svelte
@@ -454,16 +454,18 @@ $: {
                                 </label>
                             </li>
                             <li class="w-full">
-                              {#if data?.user?.tier === 'Pro'}
                                 <label on:click={() => filterRule = 'quartely'} class="cursor-pointer inline-block w-full py-2.5 {filterRule === 'quartely' ? 'bg-purple-600' : 'bg-[#2A303C]'} font-semibold text-white rounded-r-lg">
                                   Quartely
                                 </label>
+                            <!--
+                            
                               {:else}
                               <a href="/pricing" class="flex flex-row items-center m-auto justify-center cursor-pointer inline-block w-full py-2.5 bg-[#2A303C] font-semibold text-white rounded-r-lg">
                                 <span class="">Quarterly</span>
                                 <svg class="ml-1 -mt-0.5 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}
+                              -->
 
                             </li>
                           </ul>
diff --git a/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte b/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte
index 61407136..faf601d6 100644
--- a/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte
@@ -429,16 +429,9 @@ $: {
                                 </label>
                             </li>
                             <li class="w-full">
-                              {#if data?.user?.tier === 'Pro'}
                                 <label on:click={() => filterRule = 'quartely'} class="cursor-pointer inline-block w-full py-2.5 {filterRule === 'quartely' ? 'bg-purple-600' : 'bg-[#2A303C]'} font-semibold text-white rounded-r-lg">
                                   Quartely
                                 </label>
-                              {:else}
-                              <a href="/pricing" class="flex flex-row items-center m-auto justify-center cursor-pointer inline-block w-full py-2.5 bg-[#2A303C] font-semibold text-white rounded-r-lg">
-                                <span class="">Quarterly</span>
-                                <svg class="ml-1 -mt-0.5 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}
 
                             </li>
                           </ul>