remove hoverstockchart in home screen

src/routes/+page.svelte

@@ -5,7 +5,6 @@
   import * as Table from "$lib/components/shadcn/table/index.ts";
   import ArrowUpRight from "lucide-svelte/icons/arrow-up-right";
   import { abbreviateNumber } from "$lib/utils";
-  import HoverStockChart from "$lib/components/HoverStockChart.svelte";
   import { screenWidth } from "$lib/store";
   import { compareTimes, formatTime, isPWAInstalled } from "$lib/utils";
   import Infobox from "$lib/components/Infobox.svelte";
@@ -218,7 +217,10 @@
                     {#each gainersList as item}
                       <Table.Row>
                         <Table.Cell class="text-sm sm:text-[1rem]">
-                          <HoverStockChart symbol={item?.symbol} />
+                          <a
+                            class="text-blue-400 sm:hover:text-white cursor-pointer"
+                            >{item?.symbol}</a
+                          >
                         </Table.Cell>
                         <Table.Cell
                           class="hidden sm:table-cell xl:table.-column text-sm sm:text-[1rem]"
@@ -326,7 +328,10 @@
                     {#each losersList as item}
                       <Table.Row>
                         <Table.Cell class="text-sm sm:text-[1rem]">
-                          <HoverStockChart symbol={item?.symbol} />
+                          <a
+                            class="text-blue-400 sm:hover:text-white cursor-pointer"
+                            >{item?.symbol}</a
+                          >
                         </Table.Cell>
                         <Table.Cell
                           class="hidden sm:table-cell xl:table.-column text-sm sm:text-[1rem]"
@@ -449,117 +454,6 @@
             </Card.Content>
           </Card.Root>
 
-          <!--
-          <Card.Root class="overflow-x-scroll overflow-hidden overflow-y-auto">
-            <Card.Header class="flex flex-row items-center">
-              <div class="flex flex-col items-start w-full">
-                <div class="flex flex-row w-full items-center">
-                  <Card.Title
-                    class="text-xl sm:text-2xl tex-white font-semibold"
-                    >Hottest Options Activity</Card.Title
-                  >
-                  <a
-                    href={optionsMode === "openInterest"
-                      ? "/list/highest-open-interest-change"
-                      : optionsMode === "ivRank"
-                        ? "/list/highest-option-iv-rank"
-                        : "/list/highest-option-premium"}
-                    class="ml-auto rounded-md text-xs sm:text-sm px-2 sm:px-3 py-2 font-semibold bg-[#fff] text-black"
-                  >
-                    View All
-                    <ArrowUpRight
-                      class="hidden sm:inline-block h-4 w-4 shrink-0 -mt-1 ml-0.5"
-                    />
-                  </a>
-                </div>
-                <Card.Description class="mt-2 text-sm sm:text-[1rem]"
-                  >Recent unusual options with the highest ...</Card.Description
-                >
-                <Tabs.Root value="openInterest" class="w-full sm:w-fit mt-5 ">
-                  <Tabs.List class="grid w-full grid-cols-3 bg-secondary">
-                    <Tabs.Trigger
-                      on:click={() => changeTable("openInterest")}
-                      value="openInterest"
-                      class="text-sm">OI Change</Tabs.Trigger
-                    >
-                    <Tabs.Trigger
-                      on:click={() => changeTable("premium")}
-                      value="premium"
-                      class="text-sm">Premium</Tabs.Trigger
-                    >
-                    <Tabs.Trigger
-                      on:click={() => changeTable("ivRank")}
-                      value="ivRank"
-                      class="text-sm">IV Rank</Tabs.Trigger
-                    >
-                  </Tabs.List>
-                </Tabs.Root>
-              </div>
-            </Card.Header>
-            <Card.Content>
-              <Table.Root class="overflow-x-scroll w-full">
-                <Table.Header>
-                  <Table.Row>
-                    <Table.Head class="text-white font-semibold"
-                      >Symbol</Table.Head
-                    >
-                    <Table.Head class="text-white text-right font-semibold"
-                      >Total OI</Table.Head
-                    >
-
-                    <Table.Head class="text-white text-right font-semibold"
-                      >Change OI</Table.Head
-                    >
-                    <Table.Head class="text-white text-right font-semibold"
-                      >Total Prem</Table.Head
-                    >
-                    <Table.Head class="text-white text-right font-semibold"
-                      >IV Rank</Table.Head
-                    >
-                  </Table.Row>
-                </Table.Header>
-                <Table.Body>
-                  {#each optionsTable as item}
-                    <Table.Row>
-                      <Table.Cell class="text-sm sm:text-[1rem]">
-                        <HoverStockChart symbol={item?.symbol} />
-                      </Table.Cell>
-                      <Table.Cell
-                        class="text-right xl:table.-column text-sm sm:text-[1rem] "
-                      >
-                        {abbreviateNumber(item?.totalOI)}
-                      </Table.Cell>
-                      <Table.Cell
-                        class="text-right xl:table.-column text-sm sm:text-[1rem]"
-                      >
-                        {#if item?.changeOI >= 0}
-                          <span class="text-[#00FC50]"
-                            >+{item?.changeOI?.toLocaleString("en-US")}</span
-                          >
-                        {:else if item?.changeOI < 0}
-                          <span class="text-[#FF2F1F]"
-                            >{item?.changeOI?.toLocaleString("en-US")}</span
-                          >
-                        {/if}
-                      </Table.Cell>
-                      <Table.Cell
-                        class="text-right md:table.-cell xl:table.-column text-sm sm:text-[1rem] text-white"
-                      >
-                        {abbreviateNumber(item?.totalPrem)}
-                      </Table.Cell>
-                      <Table.Cell
-                        class="text-right md:table.-cell xl:table.-column text-sm sm:text-[1rem] text-white"
-                      >
-                        {abbreviateNumber(item?.ivRank)}
-                      </Table.Cell>
-                    </Table.Row>
-                  {/each}
-                </Table.Body>
-              </Table.Root>
-            </Card.Content>
-          </Card.Root>
-          -->
-
           <Card.Root
             class="order-3 sm:order-1 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[470px]"
           >
@@ -592,9 +486,10 @@
 
                 <div class="text-white mt-4">
                   According to {analystReport?.numOfAnalyst} analyst ratings, the
-                  average rating for <HoverStockChart
+                  average rating for
-                    symbol={analystReport?.symbol}
+                  <a class="text-blue-400 sm:hover:text-white cursor-pointer"
-                  />
+                    >{analystReport?.symbol}</a
+                  >
                   stock is "{analystReport?.consensusRating}" The 12-month stock
                   price forecast is ${analystReport?.highPriceTarget}, which is
                   an {analystReport?.highPriceChange > 0
@@ -693,9 +588,10 @@
                         class="text-sm sm:text-[1rem]"
                         style=" margin-left: 8px;  margin-bottom: 30px; list-style-type: disc;"
                       >
-                        <strong>{item?.name}</strong> (<HoverStockChart
+                        <strong>{item?.name}</strong> (<a
-                          symbol={item?.symbol}
+                          class="text-blue-400 sm:hover:text-white cursor-pointer"
-                        />)
+                          >{item?.symbol}</a
+                        >)
                         {item?.isToday === true
                           ? "will report today"
                           : [
@@ -746,9 +642,10 @@
                         class="text-sm sm:text-[1rem]"
                         style=" margin-left: 8px;  margin-bottom: 30px; list-style-type: disc;"
                       >
-                        <strong>{item?.name}</strong> (<HoverStockChart
+                        <strong>{item?.name}</strong> (<a
-                          symbol={item?.symbol}
+                          class="text-blue-400 sm:hover:text-white cursor-pointer"
-                        />)
+                          >{item?.symbol}</a
+                        >)
                         {item?.isToday === true
                           ? "will report today"
                           : [
@@ -814,9 +711,10 @@
               {#if data?.getDashboard?.recentEarnings?.length !== 0}
                 <ul style="padding-left: 5px;">
                   {#each data?.getDashboard?.recentEarnings as item}
-                    <strong>{item?.name}</strong> (<HoverStockChart
+                    <strong>{item?.name}</strong> (<a
-                      symbol={item?.symbol}
+                      class="text-blue-400 sm:hover:text-white cursor-pointer"
-                    />) has released its quarterly earnings at {formatTime(
+                      >{item?.symbol}</a
+                    >) has released its quarterly earnings at {formatTime(
                       item?.time,
                     )}: