AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ai score available for free for certain tickers

Browse Source
This commit is contained in:
MuslemRahimi 2024-10-03 15:26:37 +02:00
parent e20805039c
commit 197596b6cd
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/lib/components/AIScore.svelte
View File

@ -1,16 +1,18 @@
<script lang="ts">
import { scoreComponent, stockTicker } from '$lib/store';
export let score;
export let tier;
<script lang ="ts"> // Use the correct reactive declaration
import { scoreComponent, stockTicker} from '$lib/store'; $: {
export let score; if ($stockTicker && typeof window !== 'undefined') {
export let tier; // Correctly check if score is neither undefined nor null
$scoreComponent = score !== undefined && score !== null;
$: {
if( $stockTicker && typeof window !== 'undefined') {
$scoreComponent = score !== (undefined || null) ? true : false;
}
} }
}
</script> </script>
<section class="overflow-hidden text-white"> <section class="overflow-hidden text-white">
@ -40,16 +42,16 @@
class="stroke-current {score >= 7 ? 'text-[#37C97D]' : score >=4 ? 'text-[#FF9E21]' : 'text-[#FF2F1F]'}" class="stroke-current {score >= 7 ? 'text-[#37C97D]' : score >=4 ? 'text-[#FF9E21]' : 'text-[#FF2F1F]'}"
stroke-width="3" stroke-width="3"
stroke-dasharray="100.48" stroke-dasharray="100.48"
stroke-dashoffset="{100.48 - ((tier === 'Pro' ? score : 0) / 10) * 100.48}"> stroke-dashoffset="{100.48 - ((tier === 'Pro' || ['AAPL','NVDA','GOOGL','META','AMD']?.includes($stockTicker) ? score : 0) / 10) * 100.48}">
</circle> </circle>
</g> </g>
<!-- Text in the middle --> <!-- Text in the middle -->
<text x="18" y="21" text-anchor="middle" font-size="10" fill="#000">{tier === 'Pro' ? score : 0}</text> <text x="18" y="21" text-anchor="middle" font-size="10" fill="#000">{tier === 'Pro' || ['AAPL','NVDA','GOOGL','META','AMD']?.includes($stockTicker) ? score : 0}</text>
</svg> </svg>
<!-- Percentage Text --> <!-- Percentage Text -->
<div class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"> <div class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2">
{#if tier === 'Pro'} {#if tier === 'Pro' || ['AAPL','NVDA','GOOGL','META','AMD']?.includes($stockTicker) }
<span class="text-center text-white text-xl font-semibold"> <span class="text-center text-white text-xl font-semibold">
{score} {score}
</span> </span>
@ -75,7 +77,7 @@
</div> </div>
</div> </div>
<h4 class="text-center text-white text-sm mt-1 font-semibold {tier === 'Pro' ? '': 'invisible'}"> <h4 class="text-center text-white text-sm mt-1 font-semibold {tier === 'Pro' || ['AAPL','NVDA','GOOGL','META','AMD']?.includes($stockTicker) ? '': 'invisible'}">
{#if score === 10} {#if score === 10}
Strong Buy Strong Buy
{:else if score >=7} {:else if score >=7}

1
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -10,7 +10,6 @@
import AIScore from "$lib/components/AIScore.svelte"; import AIScore from "$lib/components/AIScore.svelte";
export let data; export let data;
$: $realtimePrice = data?.getStockQuote?.price?.toFixed(2); $: $realtimePrice = data?.getStockQuote?.price?.toFixed(2);
async function loadSearchData() { async function loadSearchData() {