From e4330d09f7189031ca2b94cbfc39ac3e398ad909 Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Tue, 29 Oct 2024 20:39:23 +0100 Subject: [PATCH] analyst page update --- src/routes/analysts/+page.server.ts | 4 +- src/routes/analysts/+page.svelte | 4 +- src/routes/analysts/[slug]/+page.server.ts | 8 +- src/routes/analysts/[slug]/+page.svelte | 240 ++++++++++-------- .../analysts/top-stocks/+page.server.ts | 3 +- src/routes/insider-tracker/+page.svelte | 13 +- 6 files changed, 140 insertions(+), 132 deletions(-) diff --git a/src/routes/analysts/+page.server.ts b/src/routes/analysts/+page.server.ts index 4dcab307..a8f1bf00 100644 --- a/src/routes/analysts/+page.server.ts +++ b/src/routes/analysts/+page.server.ts @@ -1,4 +1,4 @@ -export const load = async ({ locals, setHeaders }) => { +export const load = async ({ locals }) => { const getTopAnalyst = async () => { const { apiURL, apiKey, user } = locals; @@ -14,8 +14,6 @@ export const load = async ({ locals, setHeaders }) => { output = user?.tier !== "Pro" ? output?.reverse()?.slice(0, 6) : output; - setHeaders({ "cache-control": "public, max-age=3000" }); - return output; }; diff --git a/src/routes/analysts/+page.svelte b/src/routes/analysts/+page.svelte index 75c13b6d..860768bc 100644 --- a/src/routes/analysts/+page.svelte +++ b/src/routes/analysts/+page.svelte @@ -8,8 +8,7 @@ export let data; - let isLoaded = false; - let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL; + let isLoaded = true; let rawData = data?.getTopAnalyst; let analytRatingList = rawData?.slice(0, 40) ?? []; @@ -25,7 +24,6 @@ } onMount(async () => { - isLoaded = true; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); diff --git a/src/routes/analysts/[slug]/+page.server.ts b/src/routes/analysts/[slug]/+page.server.ts index a11c3a7e..6d23a6ce 100644 --- a/src/routes/analysts/[slug]/+page.server.ts +++ b/src/routes/analysts/[slug]/+page.server.ts @@ -1,6 +1,6 @@ -export const load = async ({ locals, setHeaders, params }) => { +export const load = async ({ locals, params }) => { const getAnalystStats = async () => { - const { apiURL, apiKey, user } = locals; + const { apiURL, apiKey } = locals; const postData = { analystId: params.slug }; // make the POST request to the endpoint @@ -13,9 +13,7 @@ export const load = async ({ locals, setHeaders, params }) => { body: JSON.stringify(postData), }); - let output = await response.json(); - - setHeaders({ "cache-control": "public, max-age=3000" }); + const output = await response.json(); return output; }; diff --git a/src/routes/analysts/[slug]/+page.svelte b/src/routes/analysts/[slug]/+page.svelte index 9082b534..fca47d79 100644 --- a/src/routes/analysts/[slug]/+page.svelte +++ b/src/routes/analysts/[slug]/+page.svelte @@ -130,128 +130,141 @@
-
+
  • Home
    • -
  • Top Analyst Stocks
    • +
  • Analyst
    • + +
  • {analystName}
-
+
-
- +
-
-
{analystName}
-
- Analyst at {companyName} +
+
-
- {#each Array.from({ length: 5 }) as _, i} - {#if i < Math.floor(analystScore)} - - {:else} - - {/if} - {/each} - - - ({analystScore}) - +
+

+ {analystName} +

+

+ Stock Analyst at {companyName} +

+
+
+ {#each Array.from({ length: 5 }) as _, i} + {#if i < Math.floor(analystScore)} + + {:else} + + {/if} + {/each} +
+ ({analystScore}) +
-
- -
-
-
-
# {rank}
-
- Out of {numOfAnalysts} analysts -
+
+
+ # {rank}
- -
-
- {totalRatings} -
-
Total Ratings
+
+ Out of {numOfAnalysts} analysts
- -
-
+
+
+ {totalRatings} +
+
+ Total ratings +
+
+
+
+ = 0 + ? "before:content-['+'] text-[#36D984]" + : "text-[#EF4444]"}>{successRate?.toFixed(2)}% - {successRate >= 0 ? "+" : ""}{successRate?.toFixed(2)}% -
-
Success Rate
- -
-
+ Success rate +
+
+
+
+ = 0 + ? "before:content-['+'] text-[#36D984]" + : "text-[#EF4444]"}>{avgReturn?.toFixed(2)}% - {avgReturn >= 0 ? "+" : ""}{avgReturn?.toFixed(2)}% -
-
Avg Return
+
+
+ Average return
-
+
- + Main Sectors: @@ -261,7 +274,7 @@ {#each data?.getAnalystStats?.mainSectors as sector} {sector} @@ -271,13 +284,13 @@
- + {numOfStocks} Stocks -
+
- @@ -322,7 +335,7 @@
XXXXXXXXXXXXXXXX
@@ -343,7 +356,7 @@ Upgrade @@ -377,13 +390,16 @@ class="font-medium {[ 'Strong Buy', 'Buy', + 'Outperform', ]?.includes(item?.rating_current) ? 'text-[#00FC50]' : item?.rating_current === 'Hold' ? 'text-[#FF7070]' - : ['Strong Sell', 'Sell']?.includes( - item?.rating_current, - ) + : [ + 'Strong Sell', + 'Sell', + 'Underperform', + ]?.includes(item?.rating_current) ? 'text-[#FF2F1F]' : 'text-gray-300'}" > @@ -398,7 +414,7 @@
{#if Math?.ceil(item?.adjusted_pt_prior) !== 0} ${Math?.ceil(item?.adjusted_pt_prior)}{Math?.ceil(item?.adjusted_pt_prior)} ${Math?.ceil(item?.adjusted_pt_current)}{Math?.ceil(item?.adjusted_pt_current)} {:else if Math?.ceil(item?.adjusted_pt_current) !== 0} ${Math?.ceil(item?.adjusted_pt_current)}{Math?.ceil(item?.adjusted_pt_current)} + {:else} + n/a {/if}
@@ -454,7 +472,7 @@ >

- Pro Subscription 🔥 + Pro Subscriptio

@@ -474,7 +492,7 @@ >

- Top Analyst 📊 + Top Analyst

@@ -493,7 +511,7 @@ >

- Top Stocks Picks ⭐ + Top Stocks Picks

diff --git a/src/routes/analysts/top-stocks/+page.server.ts b/src/routes/analysts/top-stocks/+page.server.ts index face3203..8b18e68d 100644 --- a/src/routes/analysts/top-stocks/+page.server.ts +++ b/src/routes/analysts/top-stocks/+page.server.ts @@ -1,4 +1,4 @@ -export const load = async ({ locals, setHeaders }) => { +export const load = async ({ locals }) => { const getTopAnalystStocks = async () => { const { apiURL, apiKey, user } = locals; @@ -14,7 +14,6 @@ export const load = async ({ locals, setHeaders }) => { output = user?.tier !== "Pro" ? output?.reverse()?.slice(0, 6) : output; - setHeaders({ "cache-control": "public, max-age=3000" }); return output; }; diff --git a/src/routes/insider-tracker/+page.svelte b/src/routes/insider-tracker/+page.svelte index 133564dd..e7ad2c3c 100644 --- a/src/routes/insider-tracker/+page.svelte +++ b/src/routes/insider-tracker/+page.svelte @@ -9,9 +9,11 @@ export let data; let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL; - let isLoaded = false; - let rawData = []; - let stockList = []; + let isLoaded = true; + let rawData = data?.getInsiderTracker ?? []; + let stockList = rawData?.slice(0, 50) ?? []; + + isLoaded = true; function formatDateTime(dateTimeStr) { const date = new Date(dateTimeStr); @@ -39,11 +41,6 @@ } onMount(() => { - rawData = data?.getInsiderTracker ?? []; - stockList = rawData?.slice(0, 50) ?? []; - - isLoaded = true; - if (data?.user?.tier === "Pro") { window.addEventListener("scroll", handleScroll); return () => {
Stock Action Price Target - Date + + Updated