frontend/src/routes/stocks/[tickerID]/forecast/ai/+page.svelte
MuslemRahimi 668db9bc6f ui fix
2025-01-16 17:50:48 +01:00

101 lines
3.1 KiB
Svelte

<script lang="ts">
import {
numberOfUnreadNotification,
displayCompanyName,
stockTicker,
sentimentComponent,
priceAnalysisComponent,
} from "$lib/store";
import PriceAnalysis from "$lib/components/PriceAnalysis.svelte";
import SentimentAnalysis from "$lib/components/SentimentAnalysis.svelte";
import AnalystInsight from "$lib/components/AnalystInsight.svelte";
import Lazy from "$lib/components/Lazy.svelte";
export let data;
</script>
<svelte:head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
{$displayCompanyName} ({$stockTicker}) Forecast AI · Stocknear
</title>
<meta
name="description"
content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`}
/>
<!-- Other meta tags -->
<meta
property="og:title"
content={`${$displayCompanyName} (${$stockTicker}) Forecast AI · Stocknear`}
/>
<meta
property="og:description"
content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`${$displayCompanyName} (${$stockTicker}) Forecast AI · Stocknear`}
/>
<meta
name="twitter:description"
content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<section
class="bg-default overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
>
<div class="flex justify-center m-auto h-full overflow-hidden w-full">
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<Lazy>
<div
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(
data?.getAnalystInsight,
)?.length === 0
? 'hidden'
: ''}"
>
<AnalystInsight {data} />
</div>
</Lazy>
<Lazy>
<div
class="w-full mt-10 sm:mt-5 m-auto sm:pb-6 sm:pt-6 {Object?.keys(
data?.getPriceAnalysis,
)?.length === 0
? 'hidden'
: ''}"
>
<PriceAnalysis {data} />
</div>
</Lazy>
<Lazy>
<div
class="w-full mt-10 sm:mt-5 m-auto sm:pb-6 sm:pt-6 {data
?.getSentimentAnalysis?.length === 0
? 'hidden'
: ''}"
>
<SentimentAnalysis {data} />
</div>
</Lazy>
</div>
</div>
</div>
</section>