add hoverstockchart

This commit is contained in:
MuslemRahimi 2024-11-05 11:22:06 +01:00
parent 6bb8ca0872
commit 7e6255b278
2 changed files with 8 additions and 15 deletions

View File

@ -3,6 +3,7 @@
import { abbreviateNumber } from "$lib/utils"; import { abbreviateNumber } from "$lib/utils";
import { onMount } from "svelte"; import { onMount } from "svelte";
import { page } from "$app/stores"; import { page } from "$app/stores";
import HoverStockChart from "$lib/components/HoverStockChart.svelte";
import TableHeader from "$lib/components/Table/TableHeader.svelte"; import TableHeader from "$lib/components/Table/TableHeader.svelte";
export let data; export let data;
@ -293,14 +294,9 @@
</td> </td>
<td <td
class="text-blue-400 font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"
> >
<a <HoverStockChart symbol={item?.symbol} />
href={"/stocks/" + item?.symbol}
class="sm:hover:text-white text-blue-400"
>
{item?.symbol}
</a>
</td> </td>
<td <td

View File

@ -3,6 +3,8 @@
import { abbreviateNumber } from "$lib/utils"; import { abbreviateNumber } from "$lib/utils";
import { onMount } from "svelte"; import { onMount } from "svelte";
import { page } from "$app/stores"; import { page } from "$app/stores";
import HoverStockChart from "$lib/components/HoverStockChart.svelte";
import TableHeader from "$lib/components/Table/TableHeader.svelte"; import TableHeader from "$lib/components/Table/TableHeader.svelte";
export let data; export let data;
@ -226,7 +228,7 @@
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />
</thead> </thead>
<tbody> <tbody>
{#each marketCapList as item, index} {#each marketCapList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]"
@ -238,14 +240,9 @@
</td> </td>
<td <td
class="text-blue-400 font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"
> >
<a <HoverStockChart symbol={item?.symbol} />
href={"/stocks/" + item?.symbol}
class="sm:hover:text-white text-blue-400"
>
{item?.symbol}
</a>
</td> </td>
<td <td