add NextEarnings Component

src/lib/components/NextEarnings.svelte

@@ -0,0 +1,88 @@
+<script lang='ts'>
+import { stockTicker, displayCompanyName } from "$lib/store";
+import InfoModal from '$lib/components/InfoModal.svelte';
+import { abbreviateNumber } from "$lib/utils";
+export let data;
+
+let rawData = {};
+let revenueRatio = 0;
+let epsRatio = 0;
+
+function compareTimes(time1, time2) {
+  const [hours1, minutes1] = time1?.split(':').map(Number);
+  const [hours2, minutes2] = time2?.split(':').map(Number);
+  
+  if (hours1 > hours2) return 1;
+  if (hours1 < hours2) return -1;
+  if (minutes1 > minutes2) return 1;
+  if (minutes1 < minutes2) return -1;
+  return 0;
+}
+
+
+$: {
+    if($stockTicker && typeof window !== 'undefined') {
+        rawData = data?.getNextEarnings;
+        epsRatio = ((rawData?.epsEst/rawData?.epsPrior-1)*100)?.toFixed(2)
+        revenueRatio = ((rawData?.revenueEst/rawData?.revenuePrior-1)*100)?.toFixed(2)
+    }
+}
+
+</script>
+
+
+{#if Object?.keys(rawData)?.length !== 0}
+
+<div class="space-y-3 overflow-hidden">  
+    <!--Start Content-->
+    <div class="w-auto lg:w-full p-1 flex flex-col m-auto">
+
+        <div class="flex flex-col items-center w-full mb-6">
+            <div class="flex flex-row justify-start mr-auto items-center">
+            <!--<img class="h-10 inline-block mr-2" src={copilotIcon} />-->
+            <div class="flex flex-row items-center">
+                <label for="nextEarningsInfo" class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
+                Next Earnings Release
+                </label>
+                <InfoModal
+                title={"Next Earnings"}
+                content={`Earnings represent a company's net profit after expenses, taxes, and costs. Reported quarterly, they show financial health, including revenue and EPS, influencing stock prices and investor decisions.`}
+                id={"nextEarningsInfo"}
+                />
+                </div>
+
+            </div>
+        </div>
+
+    {#if data?.user?.tier === 'Pro'}
+        <div class="text-white text-[1rem]">
+            {$displayCompanyName} is scheduled to release its earnings on  {new Date(rawData?.date ?? null)?.toLocaleString('en-US', {
+                month: 'short',
+                day: 'numeric',
+                year: 'numeric',
+                timeZone: 'Europe/Berlin' 
+            })},
+                    {#if compareTimes(rawData?.time, '16:00') > 0}
+                        after market closes.
+                    {:else if compareTimes(rawData?.time, '09:30') < 0}
+                        before market opens.
+                    {:else}
+                        during market hours.
+                    {/if}
+                <br>
+                Analysts project revenue of <strong>{abbreviateNumber(rawData?.revenueEst,true)}</strong>, reflecting a
+                <strong>{revenueRatio}%</strong> YoY {revenueRatio > 0 ? 'growth' : revenueRatio < 0 ? 'shrinking' : ''} and earnings per share of
+                <strong>{rawData?.epsEst}</strong>, making a <strong>{epsRatio}%</strong> {epsRatio > 0 ? 'increase' : epsRatio < 0 ? 'decrease' : ''} YoY.
+        </div>
+    {:else}
+    <div class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold">
+        <svg class="mr-1.5 w-5 h-5 inline-block"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
+        Unlock content with <a class="inline-block ml-2 text-blue-400 hover:sm:text-white" href="/pricing">Pro Subscription</a>
+    </div>
+    {/if}
+
+    </div>
+
+
+    </div>
+{/if}

src/routes/home/+page.svelte

@@ -32,7 +32,7 @@
   let optionsMode = 'premium';
 
 
-  function compareTimes(time1, time2) {
+function compareTimes(time1, time2) {
   const [hours1, minutes1] = time1.split(':').map(Number);
   const [hours2, minutes2] = time2.split(':').map(Number);
   

src/routes/stocks/[tickerID]/+layout.server.ts

@@ -51,7 +51,7 @@ export const load = async ({ params, locals, cookies, setHeaders }) => {
 
   const endpoints = [
     '/similar-stocks', '/stockdeck', '/analyst-summary-rating', '/stock-quote',
-    '/bull-bear-say', '/wiim', '/top-etf-ticker-holder', '/one-day-price'
+    '/bull-bear-say','/wiim', '/top-etf-ticker-holder', '/one-day-price','/next-earnings'
   ];
 
   const promises = [
@@ -63,7 +63,7 @@ export const load = async ({ params, locals, cookies, setHeaders }) => {
 
   const [
     getSimilarStock, getStockDeck, getAnalystRating, getStockQuote,
-    getBullBearSay, getWhyPriceMoved, getTopETFHolder, getOneDayPrice,
+    getBullBearSay, getWhyPriceMoved, getTopETFHolder, getOneDayPrice,  getNextEarnings,
     getUserWatchlist, getCommunitySentiment
   ] = await Promise.all(promises);
 
@@ -78,6 +78,7 @@ export const load = async ({ params, locals, cookies, setHeaders }) => {
     getWhyPriceMoved,
     getTopETFHolder,
     getOneDayPrice,
+    getNextEarnings,
     getUserWatchlist,
     getCommunitySentiment,
     companyName: cleanString(getStockDeck?.at(0)?.companyName),

src/routes/stocks/[tickerID]/+page.svelte

@@ -6,6 +6,7 @@
   import {getCache, setCache, corporateLobbyingComponent, taRatingComponent, swapComponent, analystInsightComponent, governmentContractComponent, optionsNetFlowComponent, borrowedShareComponent, clinicalTrialComponent, optionComponent, failToDeliverComponent, marketMakerComponent, analystEstimateComponent, sentimentComponent, screenWidth, displayCompanyName, numberOfUnreadNotification, globalForm, varComponent, shareStatisticsComponent, enterpriseComponent, darkPoolComponent, retailVolumeComponent, shareholderComponent, trendAnalysisComponent,  revenueSegmentationComponent, priceAnalysisComponent, fundamentalAnalysisComponent, isCrosshairMoveActive, realtimePrice, priceIncrease, currentPortfolioPrice, stockTicker, isOpen, isBeforeMarketOpen, isWeekend} from '$lib/store';
   import { onDestroy, onMount } from 'svelte';
   import BullBearSay from '$lib/components/BullBearSay.svelte';
+  import NextEarnings from '$lib/components/NextEarnings.svelte';
   import CommunitySentiment from '$lib/components/CommunitySentiment.svelte';
   import Lazy from '$lib/components/Lazy.svelte';
     
@@ -1173,7 +1174,9 @@ function changeChartType() {
                                   {/if}
 
                                
-                                
+                                  <div class="w-full mt-10 sm:mt-0 m-auto sm:pl-6 sm:pb-6 sm:pt-6 {Object?.keys(data?.getNextEarnings || {})?.length !== 0 ? '' : 'hidden'}">
+                                    <NextEarnings data={data}/>
+                                  </div>
 
                                 <div class="w-full mt-10 sm:mt-0 m-auto sm:pl-6 sm:pb-6 sm:pt-6 {Object?.keys(data?.getBullBearSay || {})?.length !== 0 ? '' : 'hidden'}">
                                   <BullBearSay data={data}/>