From 8cbad63168faf91670b07add623b2a2d98877ed8 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Tue, 1 Apr 2025 21:50:40 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/Footer.svelte              |  2 +-
 .../components/Table/OptionsFlowTable.svelte  |  2 +-
 src/routes/affiliate-program/+page.svelte     |  2 +-
 src/routes/analysts/+page.svelte              |  2 +-
 src/routes/analysts/[slug]/+page.svelte       |  2 +-
 src/routes/economic-calendar/+page.svelte     |  4 +--
 src/routes/market-flow/+page.svelte           | 28 ++++++-------------
 .../market-flow/sector-flow/+page.svelte      | 13 ++++-----
 .../options-flow/workers/filterWorker.ts      |  2 ++
 src/routes/politicians/+page.svelte           |  2 +-
 src/routes/pricing/+page.svelte               | 21 +++++++-------
 .../[tickerID]/forecast/analyst/+page.svelte  |  4 +--
 12 files changed, 37 insertions(+), 47 deletions(-)

diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 47f825a0..4e8ef130 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -196,7 +196,7 @@
             <a
               href="/affiliate-program"
               class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
-              >Affiliate Program</a
+              >Referral Program</a
             >
           </li>
         </ul>
diff --git a/src/lib/components/Table/OptionsFlowTable.svelte b/src/lib/components/Table/OptionsFlowTable.svelte
index abc8bb7c..e665490c 100644
--- a/src/lib/components/Table/OptionsFlowTable.svelte
+++ b/src/lib/components/Table/OptionsFlowTable.svelte
@@ -616,7 +616,7 @@
           class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {optionsWatchlist.optionsId?.includes(
             displayedData[index]?.id,
           )
-            ? 'text-[#FBCE3C]'
+            ? 'text-[#FFA500]'
             : ''}"
         >
           <svg
diff --git a/src/routes/affiliate-program/+page.svelte b/src/routes/affiliate-program/+page.svelte
index 6fac9c6d..10e0da38 100644
--- a/src/routes/affiliate-program/+page.svelte
+++ b/src/routes/affiliate-program/+page.svelte
@@ -85,7 +85,7 @@
           loading="lazy"
         />
         <h1 class="mt-1 text-4xl font-bold sm:text-5xl lg:text-6xl">
-          Affiliate Program
+          Referral Program
         </h1>
         <p
           class="mx-auto mt-5 max-w-3xl text-xl leading-normal md:mt-7 md:text-2xl"
diff --git a/src/routes/analysts/+page.svelte b/src/routes/analysts/+page.svelte
index 519de887..a6ed2f99 100644
--- a/src/routes/analysts/+page.svelte
+++ b/src/routes/analysts/+page.svelte
@@ -198,7 +198,7 @@
                             {#each Array.from({ length: 5 }) as _, i}
                               {#if i < Math.floor(item?.analystScore)}
                                 <svg
-                                  class="w-3.5 h-3.5 text-[#FBCE3C]"
+                                  class="w-3.5 h-3.5 text-[#FFA500]"
                                   aria-hidden="true"
                                   xmlns="http://www.w3.org/2000/svg"
                                   fill="currentColor"
diff --git a/src/routes/analysts/[slug]/+page.svelte b/src/routes/analysts/[slug]/+page.svelte
index d456dee8..19afac61 100644
--- a/src/routes/analysts/[slug]/+page.svelte
+++ b/src/routes/analysts/[slug]/+page.svelte
@@ -227,7 +227,7 @@
                       {#each Array.from({ length: 5 }) as _, i}
                         {#if i < Math?.floor(analystScore)}
                           <svg
-                            class="w-5 h-5 text-[#FBCE3C]"
+                            class="w-5 h-5 text-[#FFA500]"
                             aria-hidden="true"
                             xmlns="http://www.w3.org/2000/svg"
                             fill="currentColor"
diff --git a/src/routes/economic-calendar/+page.svelte b/src/routes/economic-calendar/+page.svelte
index a5faaf77..5b4c812b 100644
--- a/src/routes/economic-calendar/+page.svelte
+++ b/src/routes/economic-calendar/+page.svelte
@@ -540,7 +540,7 @@
                                   {#if i > 0}
                                     {#each Array(i) as _}
                                       <svg
-                                        class="w-4 h-4 text-[#FBCE3C]"
+                                        class="w-4 h-4 text-[#FFA500]"
                                         aria-hidden="true"
                                         xmlns="http://www.w3.org/2000/svg"
                                         fill="currentColor"
@@ -734,7 +734,7 @@
                                     {#each Array.from({ length: 3 }) as _, i}
                                       {#if i < Math.floor(item?.importance)}
                                         <svg
-                                          class="w-4 h-4 text-[#FBCE3C]"
+                                          class="w-4 h-4 text-[#FFA500]"
                                           aria-hidden="true"
                                           xmlns="http://www.w3.org/2000/svg"
                                           fill="currentColor"
diff --git a/src/routes/market-flow/+page.svelte b/src/routes/market-flow/+page.svelte
index d3b43693..57b725ea 100644
--- a/src/routes/market-flow/+page.svelte
+++ b/src/routes/market-flow/+page.svelte
@@ -325,7 +325,7 @@
           dashStyle: "Solid",
         },
         labels: {
-          style: { color: $mode === "light" ? "black" : "white" },
+          style: { color: $mode === "light" ? "#545454" : "white" },
           distance: 10, // Increases space between label and axis
           formatter: function () {
             const date = new Date(this?.value);
@@ -365,7 +365,7 @@
           gridLineWidth: 1,
           gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
           labels: {
-            style: { color: $mode === "light" ? "black" : "white" },
+            style: { color: $mode === "light" ? "#545454" : "white" },
           },
           title: { text: null },
           opposite: true,
@@ -613,32 +613,20 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
-                            : 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
+                            : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage?.toFixed(2)}%
                         </td>
 
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
-                            item?.net_premium,
-                            false,
-                            true,
-                          )}
+                          {@html abbreviateNumber(item?.net_premium)}
                         </td>
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
-                            item?.net_call_premium,
-                            false,
-                            true,
-                          )}
+                          {@html abbreviateNumber(item?.net_call_premium)}
                         </td>
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
-                            item?.net_put_premium,
-                            false,
-                            true,
-                          )}
+                          {@html abbreviateNumber(item?.net_put_premium)}
                         </td>
 
                         <td class="text-sm sm:text-[1rem] text-end">
@@ -717,7 +705,7 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#00FC50] before:content-['+'] "
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
                             : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage}%
diff --git a/src/routes/market-flow/sector-flow/+page.svelte b/src/routes/market-flow/sector-flow/+page.svelte
index d14ef6b5..b2f950f9 100644
--- a/src/routes/market-flow/sector-flow/+page.svelte
+++ b/src/routes/market-flow/sector-flow/+page.svelte
@@ -350,7 +350,7 @@
           dashStyle: "Solid",
         },
         labels: {
-          style: { color: $mode === "light" ? "black" : "white" },
+          style: { color: $mode === "light" ? "#545454" : "white" },
           distance: 10, // Increases space between label and axis
           formatter: function () {
             const date = new Date(this?.value);
@@ -390,7 +390,7 @@
           gridLineWidth: 1,
           gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
           labels: {
-            style: { color: $mode === "light" ? "black" : "white" },
+            style: { color: $mode === "light" ? "#545454" : "white" },
           },
           title: { text: null },
           opposite: true,
@@ -503,9 +503,8 @@
           <div class="w-full m-auto">
             {#if config !== null}
               <p class="mt-4">
-                <strong>{selectedSector}</strong> Flow tracks sector stocks, net
-                call/put premiums, and price movements to gauge market sentiment
-                and momentum in real time.
+                Sector Flow monitors constituent stocks representing the sector,
+                net call/put premiums and price movements in real time.
               </p>
 
               <div
@@ -716,8 +715,8 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
-                            : 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
+                            : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage?.toFixed(2)}%
                         </td>
diff --git a/src/routes/options-flow/workers/filterWorker.ts b/src/routes/options-flow/workers/filterWorker.ts
index 7a12741e..feb75346 100644
--- a/src/routes/options-flow/workers/filterWorker.ts
+++ b/src/routes/options-flow/workers/filterWorker.ts
@@ -202,6 +202,8 @@ if (ruleName === 'sizeoiratio') {
   
   return (item) => {
     const expirationDate = new Date(item[rule.name]);
+
+
     if (isNaN(expirationDate)) return false; // Handle invalid dates
 
     const daysDiff = Math?.ceil((expirationDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));
diff --git a/src/routes/politicians/+page.svelte b/src/routes/politicians/+page.svelte
index def52b10..c44a454f 100644
--- a/src/routes/politicians/+page.svelte
+++ b/src/routes/politicians/+page.svelte
@@ -246,7 +246,7 @@
                           on:click|stopPropagation={(event) =>
                             addToFavorite(event, item?.id)}
                           class=" {favoriteList?.includes(item?.id)
-                            ? 'text-[#FBCE3C]'
+                            ? 'text-[#FFA500]'
                             : ''} absolute top-0 right-5 z-20"
                         >
                           <svg
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index ed811726..e76f6d23 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -177,7 +177,7 @@
     >
       <div
         style="opacity: 1; transform: translateY(20px);"
-        class="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
+        class="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
         <h3 class="text-3xl font-bold">Basic</h3>
         <p class="text-muted dark:text-zinc-300 text-sm mt-1">
@@ -694,7 +694,7 @@
           {#if !data?.user}
             <label
               for="userLogin"
-              class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+              class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
               >Get Registered Now<svg
                 class="w-5 h-5 ml-2"
                 fill="none"
@@ -714,7 +714,7 @@
       </div>
       <div
         style="opacity: 1; transform: translateY(20px);"
-        class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
+        class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
         <div
           class="w-fit absolute -top-[20px] left-1/2 transform -translate-x-1/2 whitespace-nowrap m-auto px-4 py-1.5 rounded-md text-sm font-medium backdrop-blur-xl
@@ -1025,7 +1025,7 @@
           <label
             for={!data?.user ? "userLogin" : ""}
             on:click={() => purchasePlan("plus")}
-            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
             >Unlock Plus Access Now<svg
               class="w-5 h-5 ml-2"
               fill="none"
@@ -1044,7 +1044,7 @@
       </div>
       <div
         style="opacity: 1; transform: translateY(20px);"
-        class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
+        class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
         <h3 class="text-3xl font-bold">Pro</h3>
         <p class="text-muted dark:text-zinc-300 text-sm mt-1">
@@ -1142,7 +1142,7 @@
           <label
             for={!data?.user ? "userLogin" : ""}
             on:click={() => purchasePlan("pro")}
-            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
             >Unlock Pro Access Now<svg
               class="w-5 h-5 ml-2"
               fill="none"
@@ -1161,18 +1161,18 @@
       </div>
 
       <div
-        class="relative min-h-[330px] lg:min-h-[240px] text-left w-full col-span-1 lg:col-span-3 bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
+        class="relative text-left w-full col-span-1 lg:col-span-3 bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
       >
         <div class="flex flex-row items-center justify-between">
           <h3 class="text-2xl md:text-3xl font-bold">Lifetime</h3>
           <div>
-            <span class="text-3xl md:text-4xl font-bold">$599</span>
+            <span class="text-3xl md:text-4xl font-bold">$999</span>
           </div>
         </div>
         <p class=" md:text-lg mt-4 lg:mt-2">
           Everything in Pro, pay once, never again!
         </p>
-
+        <!--
         <div class="max-w-[400px]">
           <div class="mt-8 lg:absolute lg:bottom-0 lg:left-0 lg:p-4">
             <div class="relative flex items-center space-x-10">
@@ -1244,11 +1244,12 @@
             </div>
           </div>
         </div>
+        -->
 
         <div class="mt-10 flex justify-center lg:justify-end mx-4 lg:mx-0">
           <button
             on:click={() => purchasePlan("lifeTime")}
-            class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
+            class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
           >
             Get Lifetime Now
             <svg
diff --git a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
index 08127d6c..18b3d1bf 100644
--- a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
@@ -416,7 +416,7 @@
                               >
                                 <defs>
                                   <linearGradient id="halfGradient">
-                                    <stop offset="30%" stop-color="#FBCE3C" />
+                                    <stop offset="30%" stop-color="#FFA500" />
                                     <stop offset="30%" stop-color="gray" />
                                   </linearGradient>
                                 </defs>
@@ -428,7 +428,7 @@
                             {:else if i < Math.floor(item?.analystScore)}
                               <!-- Render a full star -->
                               <svg
-                                class="w-4 h-4 text-[#FFA500] dark:text-[#FBCE3C]"
+                                class="w-4 h-4 text-[#FFA500] dark:text-[#FFA500]"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="currentColor"