ui fix
This commit is contained in:
parent
fbd2bd152f
commit
af4e95450e
@ -363,7 +363,7 @@ onMount( async() => {
|
|||||||
{#each optionsTable as item}
|
{#each optionsTable as item}
|
||||||
<Table.Row>
|
<Table.Row>
|
||||||
<Table.Cell>
|
<Table.Cell>
|
||||||
<a href={item?.assetType === 'stock' ? `/stocks/${item?.ticker}` : `/etf/${item?.ticker}`} class="text-sm sm:text-[1rem] font-medium text-blue-400 sm:hover:text-white transition duration-100">{item?.ticker}</a>
|
<a href={item?.underlying_type === 'stock' ? `/stocks/${item?.ticker}` : `/etf/${item?.ticker}`} class="text-sm sm:text-[1rem] font-medium text-blue-400 sm:hover:text-white transition duration-100">{item?.ticker}</a>
|
||||||
</Table.Cell>
|
</Table.Cell>
|
||||||
<Table.Cell class="text-right xl:table.-column text-sm sm:text-[1rem] {item?.put_call === 'Calls' ? 'text-[#00FC50]' : 'text-[#FC2120]'}">
|
<Table.Cell class="text-right xl:table.-column text-sm sm:text-[1rem] {item?.put_call === 'Calls' ? 'text-[#00FC50]' : 'text-[#FC2120]'}">
|
||||||
{abbreviateNumber(item?.cost_basis,true)}
|
{abbreviateNumber(item?.cost_basis,true)}
|
||||||
|
|||||||
@ -263,7 +263,6 @@ const nyseDate = new Date(data?.getOptionsFlowFeed?.at(0)?.date ?? null)?.toLoca
|
|||||||
});
|
});
|
||||||
|
|
||||||
let rawData = [];
|
let rawData = [];
|
||||||
let filterList = [];
|
|
||||||
let displayedData =[];
|
let displayedData =[];
|
||||||
|
|
||||||
let flowSentiment;
|
let flowSentiment;
|
||||||
@ -499,8 +498,8 @@ function calculateStats(data) {
|
|||||||
|
|
||||||
putCallRatio = callVolumeSum !== 0 ? (putVolumeSum / callVolumeSum) : 0;
|
putCallRatio = callVolumeSum !== 0 ? (putVolumeSum / callVolumeSum) : 0;
|
||||||
|
|
||||||
callPercentage = Math.floor((callVolumeSum)/(callVolumeSum+putVolumeSum)*100);
|
callPercentage = (callVolumeSum+putVolumeSum) !== 0 ? Math.floor((callVolumeSum)/(callVolumeSum+putVolumeSum)*100) : 0;
|
||||||
putPercentage = (100-callPercentage);
|
putPercentage = (callVolumeSum+putVolumeSum) !== 0 ? (100-callPercentage) : 0;
|
||||||
|
|
||||||
displayCallVolume = callVolumeSum;
|
displayCallVolume = callVolumeSum;
|
||||||
displayPutVolume = putVolumeSum;
|
displayPutVolume = putVolumeSum;
|
||||||
@ -853,7 +852,7 @@ const debouncedHandleInput = debounce(handleInput, 300);
|
|||||||
<div class="flex flex-row items-center flex-wrap w-full px-5 bg-[#262626] shadow-lg rounded-lg h-20">
|
<div class="flex flex-row items-center flex-wrap w-full px-5 bg-[#262626] shadow-lg rounded-lg h-20">
|
||||||
<div class="flex flex-col items-start">
|
<div class="flex flex-col items-start">
|
||||||
<span class="font-semibold text-gray-200 text-sm sm:text-[1rem] ">Flow Sentiment</span>
|
<span class="font-semibold text-gray-200 text-sm sm:text-[1rem] ">Flow Sentiment</span>
|
||||||
<span class="text-start text-[1rem] font-semibold {flowSentiment === 'Bullish' ? 'text-[#00FC50]' : 'text-[#FC2120]'}">{flowSentiment}</span>
|
<span class="text-start text-[1rem] font-semibold {flowSentiment === 'Bullish' ? 'text-[#00FC50]' : flowSentiment === 'Bearish' ? 'text-[#FC2120]' : }">{flowSentiment}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user