-
-
-
-
-
-
-
-
+
+
+
-{/if}
+
+{/if}
-
{#if PriceAlert}
-
+
{/if}
-
-
+
+
-
+
+
+
+
+
+
+
{#if LoginPopup}
-
+
-
-
-
-
+
+
+
-
-
-
-
+
-
+
-
-
-
-
+
-
- {$stockTicker}
-
-
- {#if $currentPortfolioPrice !== null && $currentPortfolioPrice !== 0}
- {$stockTicker?.includes('.DE') || $stockTicker?.includes('.F') ? `${$currentPortfolioPrice}€` : ` $${$currentPortfolioPrice}`}
- {:else}
- {data?.getStockQuote?.price}
- {/if}
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
- {#if data?.user}
-
- {#if userWatchList?.length !== 0}
-
-
- {:else if userWatchList?.length === 0}
-
-
- {/if}
-
- {:else}
-
- {/if}
-
-
-
-
-
-
-
+
+
+ {$stockTicker}
+
+
+ {#if $currentPortfolioPrice !== null && $currentPortfolioPrice !== 0}
+ {$stockTicker?.includes(".DE") || $stockTicker?.includes(".F") ? `${$currentPortfolioPrice}€` : ` $${$currentPortfolioPrice}`}
+ {:else}
+ {data?.getStockQuote?.price}
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if data?.user}
+
+ {#if userWatchList?.length !== 0}
+
+ {:else if userWatchList?.length === 0}
+
+ {/if}
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+
-
-
-
-
+
-
+
-
-
-
-
-
-
-
+
-
-
+
+
+
-
-
-
-
-
-
-
+
-
-
- {#if data?.user}
-
+
+
+
- {#if userWatchList?.length !== 0}
-
- {:else}
-
-
-
-
- {:else if userWatchList?.length === 0}
-
-
-
-
- {/if}
-
-
-
- {/if}
-
+
+
+
+
+
+
-
-
+
-
-
-
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
+
-
-
-
-
-
-
- {$stockTicker?.toUpperCase()}
-
-
- {$displayCompanyName?.length > charNumber ? $displayCompanyName?.slice(0,charNumber) + "..." : $displayCompanyName}
-
-
-
+
-
-
-
-
-
-
-
+
+
-
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+ {$stockTicker?.toUpperCase()}
+
+
+ {$displayCompanyName?.length > charNumber ? $displayCompanyName?.slice(0, charNumber) + "..." : $displayCompanyName}
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+ -
-
- - (changeSection('overview','item1'))} 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('stats','item2'))} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'stats' ? 'text-white ' : 'bg-[#09090B]'}" >Stats - - -
- - (changeSection('options','item3'))} 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('analyst','item3'))} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'analyst' ? 'text-white ' : 'bg-[#09090B]'}" > - Analyst - - - -
- - (changeSection('insider','item4'))} 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','item5'))} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'dividends' ? 'text-white ' : 'bg-[#09090B]'}" > - Dividends - - - -
- - (changeSection('news','item7'))} class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'news' ? 'text-white ' : 'bg-[#09090B]'}" > - News - - - -
+
-
-
+ -
+
- + changeSection("overview", "item1")} + 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("fundamental", "item2")} + class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'fundamental' ? 'text-white ' : 'bg-[#09090B]'}">Fundamental + + +
- + changeSection("options", "item3")} + 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("analyst", "item3")} + class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'analyst' ? 'text-white ' : 'bg-[#09090B]'}" + > + Analyst + + + +
- + changeSection("insider", "item4")} + 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", "item5")} + class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'dividends' ? 'text-white ' : 'bg-[#09090B]'}" + > + Dividends + + + +
- + changeSection("news", "item7")} + class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === 'news' ? 'text-white ' : 'bg-[#09090B]'}" + > + News + + + +