bugfixing
This commit is contained in:
MuslemRahimi
parent
e3c187d709
commit
1e29257c98
@ -464,7 +464,10 @@
|
|||||||
$: {
|
$: {
|
||||||
if (selectedSector) {
|
if (selectedSector) {
|
||||||
originalTopTickers = [...topSectorTickers[selectedSector]];
|
originalTopTickers = [...topSectorTickers[selectedSector]];
|
||||||
displayTopTickers = topSectorTickers[selectedSector];
|
displayTopTickers =
|
||||||
|
data?.user?.tier === "Pro"
|
||||||
|
? displayTopTickers
|
||||||
|
: displayTopTickers?.slice(0, 3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -579,91 +582,89 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{#each displayTopTickers as item, index}
|
{#each displayTopTickers as item, index}
|
||||||
{#if index < 3}
|
<tr
|
||||||
<tr
|
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
||||||
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
1 ===
|
||||||
1 ===
|
sectorData?.length && data?.user?.tier !== 'Pro'
|
||||||
sectorData?.length && data?.user?.tier !== 'Pro'
|
? 'opacity-[0.1]'
|
||||||
? 'opacity-[0.1]'
|
: ''}"
|
||||||
: ''}"
|
>
|
||||||
|
<td
|
||||||
|
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
>
|
>
|
||||||
<td
|
{item?.rank}
|
||||||
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="text-sm sm:text-[1rem] text-start whitespace-nowrap"
|
||||||
|
>
|
||||||
|
<HoverStockChart symbol={item?.ticker} />
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href={sectorNavigation?.find(
|
||||||
|
(listItem) => listItem?.title === item?.name,
|
||||||
|
)?.link}
|
||||||
|
class="sm:hover:underline sm:hover:underline-offset-4 text-white"
|
||||||
>
|
>
|
||||||
{item?.rank}
|
{item?.name}
|
||||||
</td>
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
<td
|
<td
|
||||||
class="text-sm sm:text-[1rem] text-start whitespace-nowrap"
|
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
>
|
>
|
||||||
<HoverStockChart symbol={item?.ticker} />
|
{item?.price}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td
|
<td
|
||||||
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
|
||||||
>
|
0
|
||||||
<a
|
? "text-[#00FC50] before:content-['+'] "
|
||||||
href={sectorNavigation?.find(
|
: 'text-[#FF2F1F]'} text-end"
|
||||||
(listItem) => listItem?.title === item?.name,
|
>
|
||||||
)?.link}
|
{item?.changesPercentage}%
|
||||||
class="sm:hover:underline sm:hover:underline-offset-4 text-white"
|
</td>
|
||||||
>
|
|
||||||
{item?.name}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
{@html abbreviateNumberWithColor(
|
||||||
>
|
item?.netPremium,
|
||||||
{item?.price}
|
false,
|
||||||
</td>
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
|
{@html abbreviateNumberWithColor(
|
||||||
|
item?.netCallPremium,
|
||||||
|
false,
|
||||||
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
|
{@html abbreviateNumberWithColor(
|
||||||
|
item?.netPutPremium,
|
||||||
|
false,
|
||||||
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
|
||||||
<td
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
|
{item?.gexRatio}
|
||||||
0
|
</td>
|
||||||
? "text-[#00FC50] before:content-['+'] "
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
: 'text-[#FF2F1F]'} text-end"
|
{@html abbreviateNumberWithColor(
|
||||||
>
|
item?.gexNetChange,
|
||||||
{item?.changesPercentage}%
|
false,
|
||||||
</td>
|
true,
|
||||||
|
)}
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
</td>
|
||||||
{@html abbreviateNumberWithColor(
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
item?.netPremium,
|
{item?.ivRank}
|
||||||
false,
|
</td>
|
||||||
true,
|
</tr>
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.netCallPremium,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.netPutPremium,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{item?.gexRatio}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.gexNetChange,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{item?.ivRank}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{/if}
|
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
@ -485,6 +485,10 @@
|
|||||||
if (selectedSector) {
|
if (selectedSector) {
|
||||||
originalTopTickers = [...topSectorTickers[selectedSector]];
|
originalTopTickers = [...topSectorTickers[selectedSector]];
|
||||||
displayTopTickers = topSectorTickers[selectedSector];
|
displayTopTickers = topSectorTickers[selectedSector];
|
||||||
|
displayTopTickers =
|
||||||
|
data?.user?.tier === "Pro"
|
||||||
|
? displayTopTickers
|
||||||
|
: displayTopTickers?.slice(0, 3);
|
||||||
marketTideData =
|
marketTideData =
|
||||||
data?.getData?.marketTide[sectorDict[selectedSector]] || {};
|
data?.getData?.marketTide[sectorDict[selectedSector]] || {};
|
||||||
optionsData = marketTideData ? getPlotOptions() : null;
|
optionsData = marketTideData ? getPlotOptions() : null;
|
||||||
@ -656,91 +660,89 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{#each displayTopTickers as item, index}
|
{#each displayTopTickers as item, index}
|
||||||
{#if index < 3}
|
<tr
|
||||||
<tr
|
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
||||||
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
1 ===
|
||||||
1 ===
|
sectorData?.length && data?.user?.tier !== 'Pro'
|
||||||
sectorData?.length && data?.user?.tier !== 'Pro'
|
? 'opacity-[0.1]'
|
||||||
? 'opacity-[0.1]'
|
: ''}"
|
||||||
: ''}"
|
>
|
||||||
|
<td
|
||||||
|
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
>
|
>
|
||||||
<td
|
{item?.rank}
|
||||||
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="text-sm sm:text-[1rem] text-start whitespace-nowrap"
|
||||||
|
>
|
||||||
|
<HoverStockChart symbol={item?.ticker} />
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href={sectorNavigation?.find(
|
||||||
|
(listItem) => listItem?.title === item?.name,
|
||||||
|
)?.link}
|
||||||
|
class="sm:hover:underline sm:hover:underline-offset-4 text-white"
|
||||||
>
|
>
|
||||||
{item?.rank}
|
{item?.name}
|
||||||
</td>
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
<td
|
<td
|
||||||
class="text-sm sm:text-[1rem] text-start whitespace-nowrap"
|
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
||||||
>
|
>
|
||||||
<HoverStockChart symbol={item?.ticker} />
|
{item?.price}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td
|
<td
|
||||||
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
|
||||||
>
|
0
|
||||||
<a
|
? "text-[#00FC50] before:content-['+'] "
|
||||||
href={sectorNavigation?.find(
|
: 'text-[#FF2F1F]'} text-end"
|
||||||
(listItem) => listItem?.title === item?.name,
|
>
|
||||||
)?.link}
|
{item?.changesPercentage}%
|
||||||
class="sm:hover:underline sm:hover:underline-offset-4 text-white"
|
</td>
|
||||||
>
|
|
||||||
{item?.name}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
|
{@html abbreviateNumberWithColor(
|
||||||
>
|
item?.netPremium,
|
||||||
{item?.price}
|
false,
|
||||||
</td>
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
|
{@html abbreviateNumberWithColor(
|
||||||
|
item?.netCallPremium,
|
||||||
|
false,
|
||||||
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
|
{@html abbreviateNumberWithColor(
|
||||||
|
item?.netPutPremium,
|
||||||
|
false,
|
||||||
|
true,
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
|
||||||
<td
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
|
{item?.gexRatio}
|
||||||
0
|
</td>
|
||||||
? "text-[#00FC50] before:content-['+'] "
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
: 'text-[#FF2F1F]'} text-end"
|
{@html abbreviateNumberWithColor(
|
||||||
>
|
item?.gexNetChange,
|
||||||
{item?.changesPercentage}%
|
false,
|
||||||
</td>
|
true,
|
||||||
|
)}
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
</td>
|
||||||
{@html abbreviateNumberWithColor(
|
<td class="text-sm sm:text-[1rem] text-end">
|
||||||
item?.netPremium,
|
{item?.ivRank}
|
||||||
false,
|
</td>
|
||||||
true,
|
</tr>
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.netCallPremium,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.netPutPremium,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{item?.gexRatio}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{@html abbreviateNumberWithColor(
|
|
||||||
item?.gexNetChange,
|
|
||||||
false,
|
|
||||||
true,
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
<td class="text-sm sm:text-[1rem] text-end">
|
|
||||||
{item?.ivRank}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{/if}
|
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user