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 shadow-sm border border-gray-300 dark:border-gray-600 {timePeriod === item ? 'bg-gray-300 dark:bg-white text-black ' : ' bg-gray-100 dark:bg-table text-opacity-[0.6]'} transition ease-out duration-100 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}