Daily {title} Exposure

{#if config !== null}

{#each ["3M", "6M", "1Y"] as item, index} {#if data?.user?.tier === "Pro" || index === 0} (timePeriod = item)} class="px-3 py-1 text-sm {timePeriod === item ? 'bg-white text-black ' : 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer" > {item} {:else if data?.user?.tier !== "Pro"} {item} {/if} {/each}

{/if}

{title === "Gamma" ? "GEX" : "DEX"} History

{#each data?.user?.tier === "Pro" ? displayList : displayList?.slice(0, 3) as item, index} {/each}

{formatDate(item?.date)}	{@html abbreviateNumberWithColor( title === "Gamma" ? item?.call_gex : item?.call_dex, false, true, )}	{@html abbreviateNumberWithColor( title === "Gamma" ? item?.put_gex : item?.put_dex, false, true, )}	{@html abbreviateNumberWithColor( title === "Gamma" ? item?.netGex : item?.netDex, false, true, )}	{#if item?.putCallRatio <= 1 && item?.putCallRatio !== null} {item?.putCallRatio?.toFixed(2)} {:else if item?.putCallRatio >= 0 && item?.putCallRatio !== null} {item?.putCallRatio?.toFixed(2)} {:else} n/a {/if}