{#if isLoaded && optionsData !== null} {#if historicalData?.length > 0}
{#each ["1Y", "3Y", "5Y", "Max"] as item, index} {#if data?.user?.tier === "Pro" || index === 0}
(timePeriod = item)} class="px-4 py-2 {timePeriod === item ? 'bg-white text-black shadow-xl' : '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}
{symbol} - {numOfRatings} {title}
{:else}
No chart data available for {symbol}
{/if} {:else}
{/if}