{#if userWatchList?.length !== 0}
{:else if userWatchList?.length === 0}
{/if}
{:else}
{$stockTicker?.toUpperCase()}
{$displayCompanyName?.length > charNumber
? $displayCompanyName?.slice(0, charNumber) +
"..."
: $displayCompanyName}
- changeSection("overview")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'overview' ? 'text-white ' : 'bg-[#09090B]'}" > Overview
- changeSection("financials")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'financials' ? 'text-white ' : 'bg-[#09090B]'}">Financials
- changeSection("statistics")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'statistics' ? 'text-white ' : 'bg-[#09090B]'}">Statistics {#if ["amd", "save", "ba", "adbe", "nflx", "pltr", "msft", "meta", "tsla", "nvda", "aapl", "gme"]?.includes($stockTicker?.toLowerCase())}
- changeSection("metrics")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'metrics' ? 'text-white ' : 'bg-[#09090B]'}">Metrics {/if} {#if Object?.keys(data?.getAnalystRating ?? {})?.length > 0}
- changeSection("forecast")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'forecast' ? 'text-white ' : 'bg-[#09090B]'}" > Forecast {/if}
- changeSection("options")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'options' ? 'text-white ' : 'bg-[#09090B]'}" > Options
- changeSection("insider")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'insider' ? 'text-white ' : 'bg-[#09090B]'}" > Insider
- changeSection("dividends")} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'dividends' ? 'text-white ' : 'bg-[#09090B]'}" > Dividends