From ce04f0e26ad63c3b71da318661a62cf8fedd7824 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 21 Nov 2024 13:09:16 +0100
Subject: [PATCH] add promo code

---
 src/routes/+page.svelte                       |  11 +-
 src/routes/politicians/[slug]/+page.svelte    |  28 --
 src/routes/pricing/+page.svelte               |  58 ++-
 .../[tickerID]/forecast/analyst/+page.svelte  | 380 +++++++++---------
 4 files changed, 237 insertions(+), 240 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8ae9871e..63a4789e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -143,7 +143,6 @@
 <div
   class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-[#09090B] mb-40"
 >
-  <!--
   {#if data?.user?.tier !== "Pro" || data?.user?.freeTrial === true}
     <div
       class="mb-5 relative isolate sm:rounded text-center flex justify-center items-center gap-x-6 overflow-hidden bg-[#FFC233] px-6 py-3.5 sm:py-2.5 sm:px-3.5 sm:before:flex-1"
@@ -170,23 +169,23 @@
         class="w-full m-auto flex flex-col sm:flex-row justify-center items-center gap-x-4 gap-y-2"
       >
         <p class="text-md text-black font-semibold">
-          <span class="text-black font-bold">Last Chance</span><svg
+          <span class="text-black font-bold">Black Friday Week</span><svg
             viewBox="0 0 2 2"
             class="mx-2 inline h-0.5 w-0.5 fill-current"
             aria-hidden="true"><circle cx="1" cy="1" r="1" /></svg
           >
-          Lock the Pro Subscription at just $1.99/month
+          Get 40% Off on Pro Subscription
         </p>
+
         <a
-          href="/price-plan"
+          href="/pricing"
           class="flex-none rounded-full m-auto sm:m-0 px-3.5 py-1 text-[1rem] font-semibold text-black shadow-sm sm:hover:bg-gray-100 bg-[#fff] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"
         >
-          Read more
+          Get Pro
         </a>
       </div>
     </div>
   {/if}
-  -->
 
   <div class="flex flex-col m-auto justify-center items-center">
     <div class="text-center mb-10 w-full px-4 sm:px-3 mt-10">
diff --git a/src/routes/politicians/[slug]/+page.svelte b/src/routes/politicians/[slug]/+page.svelte
index 23b33475..bd36f30e 100644
--- a/src/routes/politicians/[slug]/+page.svelte
+++ b/src/routes/politicians/[slug]/+page.svelte
@@ -53,34 +53,6 @@
     }
     return 0;
   }
-
-  const excludedRules = new Set([
-    "sharesNumber",
-    "changeInSharesNumberPercentage",
-    "marketValue",
-    "avgPricePaid",
-    "weight",
-  ]);
-
-  const defaultList = [
-    { name: "Shares", rule: "sharesNumber" },
-    { name: "% Change Shares", rule: "changeInSharesNumberPercentage" },
-    { name: "Market Value", rule: "marketValue" },
-    { name: "Avg Price", rule: "avgPricePaid" },
-    { name: "% Weight", rule: "weight" },
-  ];
-
-  const specificRows = [
-    { name: "Shares", rule: "sharesNumber", type: "int" },
-    {
-      name: "% Change Shares",
-      rule: "changeInSharesNumberPercentage",
-      type: "percentSign",
-    },
-    { name: "% Weight", rule: "weight", type: "percent" },
-    { name: "Avg Price", rule: "avgPricePaid", type: "float" },
-    { name: "Market Value", rule: "marketValue", type: "int" },
-  ];
 </script>
 
 <svelte:head>
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index ba6a4dfd..d3b7a14a 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -109,25 +109,45 @@
 <section
   class="bg-[#09090B] min-h-screen mb-40 w-full max-w-3xl sm:max-w-screen-lg pt-10 m-auto"
 >
-  <!--
-{#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial === true}
-  <div class="mb-5 -mt-10 sm:-mt-5 relative sm:rounded isolate text-center flex justify-center items-center gap-x-6 overflow-hidden bg-[#fff] px-6 py-3.5 sm:py-2.5 sm:px-3.5 sm:before:flex-1">
-  <div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
-    <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
-  </div>
-  <div class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
-    <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
-  </div>
-  <div class="w-full m-auto flex flex-col sm:flex-row justify-center items-center gap-x-4 gap-y-2">
-    <p class="text-[1rem] text-white">
-      <strong class="font-semibold text-lg text-[1rem] text-white">🎃 Limited Halloween Special</strong><svg viewBox="0 0 2 2" class="mx-2 inline h-0.5 w-0.5 fill-current" aria-hidden="true"><circle cx="1" cy="1" r="1" /></svg>
-        Save <strong class="text-[#fff]">16%</strong> with Promo Code: <strong class="text-[#fff]">HALLOWEEN</strong>
-    </p>
-  </div>
-</div>
-{/if}
-
--->
+  {#if data?.user?.tier !== "Pro" || data?.user?.freeTrial === true}
+    <div
+      class="mb-5 -mt-10 sm:-mt-5 relative sm:rounded isolate text-center flex justify-center items-center gap-x-6 overflow-hidden bg-[#FFC233] px-6 py-3.5 sm:py-2.5 sm:px-3.5 sm:before:flex-1"
+    >
+      <div
+        class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
+        aria-hidden="true"
+      >
+        <div
+          class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
+          style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
+        ></div>
+      </div>
+      <div
+        class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
+        aria-hidden="true"
+      >
+        <div
+          class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
+          style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
+        ></div>
+      </div>
+      <div
+        class="w-full m-auto flex flex-col sm:flex-row justify-center items-center gap-x-4 gap-y-2"
+      >
+        <p class="text-[1rem] text-black">
+          <strong class="font-semibold text-lg text-[1rem] text-black"
+            >Black Friday Deal</strong
+          ><svg
+            viewBox="0 0 2 2"
+            class="mx-2 inline h-0.5 w-0.5 fill-current"
+            aria-hidden="true"><circle cx="1" cy="1" r="1" /></svg
+          >
+          Save <strong class="text-black">40%</strong> with Promo Code:
+          <strong class="text-black">BLACK</strong>
+        </p>
+      </div>
+    </div>
+  {/if}
 
   <div class="px-3">
     <div class="mx-auto text-center mb-8">
diff --git a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
index e6ce3929..84f4f603 100644
--- a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
@@ -267,6 +267,7 @@
             <div class="text-sm font-normal text-default xs:text-base">
               Total Analysts
             </div>
+
             <div
               class="mt-1 break-words font-semibold leading-8 text-white tiny:text-lg xs:text-xl sm:text-2xl"
             >
@@ -315,198 +316,203 @@
         </div>
 
         {#if rawData?.length !== 0}
-          <div class="sm:w-full m-auto mt-10">
-            <div
-              class="w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll lg:overflow-hidden"
-            >
-              <table
-                class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
-              >
-                <thead class="">
-                  <tr class="border-b border-[#27272A]">
-                    <td class="text-white font-semibold text-sm text-start"
-                      >Analyst</td
-                    >
-                    <td class="text-white font-semibold text-sm text-start"
-                      >Firm</td
-                    >
-                    <td class="text-white font-semibold text-sm text-end"
-                      >Rating</td
-                    >
-                    <td class="text-white font-semibold text-sm text-end"
-                      >Action</td
-                    >
-                    <td class="text-white font-semibold text-sm text-end"
-                      >Price Target</td
-                    >
-
-                    <td class="text-white font-semibold text-sm text-end"
-                      >Date</td
-                    >
-                  </tr>
-                </thead>
-                <tbody>
-                  {#each data?.user?.tier === "Pro" ? historyList : historyList?.slice(0, 3) as item, index}
-                    <tr
-                      class="{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]'
-                        : ''}"
-                    >
-                      <td
-                        class="text-sm sm:text-[1rem] whitespace-nowrap text-start"
-                      >
-                        <div class="flex flex-col items-start">
-                          <a
-                            href={item?.analystId !== null
-                              ? `/analysts/${item?.analystId}`
-                              : "#"}
-                            class="sm:hover:text-white text-blue-400"
-                            >{item?.analyst_name}
-                          </a>
-
-                          <div class="flex flex-row items-center mt-1">
-                            {#each Array.from({ length: 5 }) as _, i}
-                              {#if i < Math.floor(item?.analystScore)}
-                                <svg
-                                  class="w-3 h-3 text-[#FBCE3C]"
-                                  aria-hidden="true"
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  fill="currentColor"
-                                  viewBox="0 0 22 20"
-                                >
-                                  <path
-                                    d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"
-                                  />
-                                </svg>
-                              {:else}
-                                <svg
-                                  class="w-3 h-3 text-gray-300 dark:text-gray-500"
-                                  aria-hidden="true"
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  fill="currentColor"
-                                  viewBox="0 0 22 20"
-                                >
-                                  <path
-                                    d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"
-                                  />
-                                </svg>
-                              {/if}
-                            {/each}
-
-                            <span class="ml-1 text-sm">
-                              ({item?.analystScore !== null
-                                ? item?.analystScore
-                                : 0})
-                            </span>
-                          </div>
-                        </div>
-                      </td>
-
-                      <td
-                        class="text-sm sm:text-[1rem] whitespace-nowrap text-start text-white"
-                      >
-                        {item?.analyst?.length > charNumber
-                          ? item?.analyst?.slice(0, charNumber) + "..."
-                          : item?.analyst}
-                      </td>
-
-                      <td
-                        class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
-                      >
-                        <span
-                          class="text-[1rem] font-medium {[
-                            'Strong Buy',
-                            'Buy',
-                          ]?.includes(item?.rating_current)
-                            ? 'text-[#00FC50]'
-                            : item?.rating_current === 'Hold'
-                              ? 'text-[#FF7070]'
-                              : ['Strong Sell', 'Sell']?.includes(
-                                    item?.rating_current,
-                                  )
-                                ? 'text-[#FF2F1F]'
-                                : ''}"
-                        >
-                          {item?.rating_current}
-                        </span>
-                      </td>
-
-                      <td
-                        class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
-                      >
-                        {item?.action_company?.replace(
-                          "Initiates Coverage On",
-                          "Initiates",
-                        )}
-                      </td>
-
-                      <td
-                        class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
-                      >
-                        <div class="flex flex-col items-end">
-                          <div class="flex flex-row items-center">
-                            {#if Math?.ceil(item?.adjusted_pt_prior) !== 0}
-                              <span class="text-gray-100 font-normal"
-                                >${Math?.ceil(item?.adjusted_pt_prior)}</span
-                              >
-                              <svg
-                                class="w-3 h-3 ml-1 mr-1 inline-block"
-                                xmlns="http://www.w3.org/2000/svg"
-                                viewBox="0 0 24 24"
-                                ><path
-                                  fill="none"
-                                  stroke="white"
-                                  stroke-linecap="round"
-                                  stroke-linejoin="round"
-                                  stroke-width="1.5"
-                                  d="M4 12h16m0 0l-6-6m6 6l-6 6"
-                                /></svg
-                              >
-                              <span class="text-white font-semibold"
-                                >${Math?.ceil(item?.adjusted_pt_current)}</span
-                              >
-                            {:else if Math?.ceil(item?.adjusted_pt_current) !== 0}
-                              <span class="text-white font-semibold"
-                                >${Math?.ceil(item?.adjusted_pt_current)}</span
-                              >
-                            {/if}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td
-                        class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
-                      >
-                        <div class="flex flex-col items-end">
-                          {#if latestInfoDate(item?.date)}
-                            <label
-                              class="bg-[#2D4F8A] text-white font-medium text-xs rounded-lg px-2 py-0.5 ml-3 mb-1"
-                            >
-                              New
-                            </label>
-                          {/if}
-                          {new Date(item?.date).toLocaleString("en-US", {
-                            month: "short",
-                            day: "numeric",
-                            year: "numeric",
-                            daySuffix: "2-digit",
-                          })}
-                        </div>
-                      </td>
-                    </tr>
-                  {/each}
-                </tbody>
-              </table>
+          <div
+            class="mt-10 mb-5 items-center justify-between py-0 md:mt-8 md:flex md:py-2"
+          >
+            <div class="flex justify-between md:block">
+              <h2 class="text-xl font-semibold bp:mb-2 bp:text-2xl">
+                Ratings History
+              </h2>
             </div>
           </div>
+
+          <div class=" w-full m-auto mb-4 overflow-x-scroll lg:overflow-hidden">
+            <table
+              class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
+            >
+              <thead class="">
+                <tr class="border-b border-[#27272A]">
+                  <td class="text-white font-semibold text-sm text-start"
+                    >Analyst</td
+                  >
+                  <td class="text-white font-semibold text-sm text-start"
+                    >Firm</td
+                  >
+                  <td class="text-white font-semibold text-sm text-end"
+                    >Rating</td
+                  >
+                  <td class="text-white font-semibold text-sm text-end"
+                    >Action</td
+                  >
+                  <td class="text-white font-semibold text-sm text-end"
+                    >Price Target</td
+                  >
+
+                  <td class="text-white font-semibold text-sm text-end">Date</td
+                  >
+                </tr>
+              </thead>
+              <tbody>
+                {#each data?.user?.tier === "Pro" ? historyList : historyList?.slice(0, 3) as item, index}
+                  <tr
+                    class="{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]'
+                      : ''}"
+                  >
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-start"
+                    >
+                      <div class="flex flex-col items-start">
+                        <a
+                          href={item?.analystId !== null
+                            ? `/analysts/${item?.analystId}`
+                            : "#"}
+                          class="sm:hover:text-white text-blue-400"
+                          >{item?.analyst_name}
+                        </a>
+
+                        <div class="flex flex-row items-center mt-1">
+                          {#each Array.from({ length: 5 }) as _, i}
+                            {#if i < Math.floor(item?.analystScore)}
+                              <svg
+                                class="w-3 h-3 text-[#FBCE3C]"
+                                aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg"
+                                fill="currentColor"
+                                viewBox="0 0 22 20"
+                              >
+                                <path
+                                  d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"
+                                />
+                              </svg>
+                            {:else}
+                              <svg
+                                class="w-3 h-3 text-gray-300 dark:text-gray-500"
+                                aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg"
+                                fill="currentColor"
+                                viewBox="0 0 22 20"
+                              >
+                                <path
+                                  d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"
+                                />
+                              </svg>
+                            {/if}
+                          {/each}
+
+                          <span class="ml-1 text-sm">
+                            ({item?.analystScore !== null
+                              ? item?.analystScore
+                              : 0})
+                          </span>
+                        </div>
+                      </div>
+                    </td>
+
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-start text-white"
+                    >
+                      {item?.analyst?.length > charNumber
+                        ? item?.analyst?.slice(0, charNumber) + "..."
+                        : item?.analyst}
+                    </td>
+
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
+                    >
+                      <span
+                        class="text-[1rem] font-medium {[
+                          'Strong Buy',
+                          'Buy',
+                        ]?.includes(item?.rating_current)
+                          ? 'text-[#00FC50]'
+                          : item?.rating_current === 'Hold'
+                            ? 'text-[#FF7070]'
+                            : ['Strong Sell', 'Sell']?.includes(
+                                  item?.rating_current,
+                                )
+                              ? 'text-[#FF2F1F]'
+                              : ''}"
+                      >
+                        {item?.rating_current}
+                      </span>
+                    </td>
+
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
+                    >
+                      {item?.action_company?.replace(
+                        "Initiates Coverage On",
+                        "Initiates",
+                      )}
+                    </td>
+
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end text-white"
+                    >
+                      <div class="flex flex-col items-end">
+                        <div class="flex flex-row items-center">
+                          {#if Math?.ceil(item?.adjusted_pt_prior) !== 0}
+                            <span class="text-gray-100 font-normal"
+                              >${Math?.ceil(item?.adjusted_pt_prior)}</span
+                            >
+                            <svg
+                              class="w-3 h-3 ml-1 mr-1 inline-block"
+                              xmlns="http://www.w3.org/2000/svg"
+                              viewBox="0 0 24 24"
+                              ><path
+                                fill="none"
+                                stroke="white"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                stroke-width="1.5"
+                                d="M4 12h16m0 0l-6-6m6 6l-6 6"
+                              /></svg
+                            >
+                            <span class="text-white font-semibold"
+                              >${Math?.ceil(item?.adjusted_pt_current)}</span
+                            >
+                          {:else if Math?.ceil(item?.adjusted_pt_current) !== 0}
+                            <span class="text-white font-semibold"
+                              >${Math?.ceil(item?.adjusted_pt_current)}</span
+                            >
+                          {/if}
+                        </div>
+                      </div>
+                    </td>
+
+                    <td
+                      class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
+                    >
+                      <div class="flex flex-col items-end">
+                        {#if latestInfoDate(item?.date)}
+                          <label
+                            class="bg-[#fff] text-black font-semibold text-xs rounded-md px-2 py-0.5 ml-3 mb-1"
+                          >
+                            New
+                          </label>
+                        {/if}
+                        {new Date(item?.date).toLocaleString("en-US", {
+                          month: "short",
+                          day: "numeric",
+                          year: "numeric",
+                          daySuffix: "2-digit",
+                        })}
+                      </div>
+                    </td>
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          </div>
         {:else if activeIdx === 1}
           <div class="w-full flex justify-start items-center m-auto mt-10 mb-6">
             <div
-              class="text-center w-fit text-gray-100 text-sm sm:text-[1rem] rounded-lg h-auto border border-slate-800 p-4"
+              class="text-center w-fit text-gray-100 text-sm sm:text-[1rem] rounded-md h-auto border border-slate-800 p-4"
             >
               <svg
                 class="w-5 h-5 inline-block sm:mr-1 flex-shrink-0"