diff --git a/src/routes/etf/[tickerID]/+layout.server.ts b/src/routes/etf/[tickerID]/+layout.server.ts index 68ed1505..2d2930cc 100644 --- a/src/routes/etf/[tickerID]/+layout.server.ts +++ b/src/routes/etf/[tickerID]/+layout.server.ts @@ -42,8 +42,10 @@ const fetchWatchlist = async (pb, userId) => { return output; }; -export const load = async ({ params, locals }) => { +export const load = async ({ params, locals, setHeaders }) => { const { apiURL, apiKey, pb, user } = locals; + setHeaders({ "cache-control": "public, max-age=60" }); + const { tickerID } = params; const endpoints = [ diff --git a/src/routes/etf/[tickerID]/holdings/+page.svelte b/src/routes/etf/[tickerID]/holdings/+page.svelte index 4f8d3f41..f5130f23 100644 --- a/src/routes/etf/[tickerID]/holdings/+page.svelte +++ b/src/routes/etf/[tickerID]/holdings/+page.svelte @@ -8,7 +8,11 @@ import Table from "$lib/components/Table/Table.svelte"; export let data; - let rawData = data?.getETFHoldings; + let rawData = data?.getETFHoldings?.holdings || []; + const lastUpdate = new Date(data?.getETFHoldings?.lastUpdate); + const options = { month: "short", day: "numeric", year: "numeric" }; + const formattedDate = lastUpdate?.toLocaleDateString("en-US", options); + const excludedRules = new Set([ "price", "changesPercentage", @@ -67,7 +71,7 @@
-

- {$etfTicker} Holdings List -

-
@@ -105,6 +105,19 @@
{#if rawData?.length !== 0} +
+
+

+ {$etfTicker} Holdings List +

+
+ As of {formattedDate} +
+
+
+