From ac175c037f4334901a16ec4d895a3b2a12fb0d9f Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Sat, 16 Nov 2024 23:43:04 +0100 Subject: [PATCH] refactor all stocks page --- src/routes/stocks/+page.server.ts | 7 +- src/routes/stocks/+page.svelte | 203 +++++------------------------- 2 files changed, 34 insertions(+), 176 deletions(-) diff --git a/src/routes/stocks/+page.server.ts b/src/routes/stocks/+page.server.ts index 258f1b44..d9d54fee 100644 --- a/src/routes/stocks/+page.server.ts +++ b/src/routes/stocks/+page.server.ts @@ -1,14 +1,15 @@ export const load = async ({ locals }) => { const getStockList = async () => { const { apiKey, apiURL } = locals; - + const postData = {'filterList': 'all-stock-tickers'} // make the POST request to the endpoint - const response = await fetch(apiURL + "/all-stock-tickers", { - method: "GET", + const response = await fetch(apiURL + "/list-category", { + method: "POST", headers: { "Content-Type": "application/json", "X-API-KEY": apiKey, }, + body: JSON.stringify(postData) }); const output = await response.json(); diff --git a/src/routes/stocks/+page.svelte b/src/routes/stocks/+page.svelte index ac1771d7..131d8acf 100644 --- a/src/routes/stocks/+page.svelte +++ b/src/routes/stocks/+page.svelte @@ -1,34 +1,12 @@ @@ -77,9 +55,9 @@
-
+
  • Home
  • All Stocks
    • @@ -92,201 +70,80 @@ class="relative flex justify-center items-start overflow-hidden w-full" >
    -
    -
    - -
    -
    -

    - Stock Symbols -

    -
    - - - Collection of all Stock Symbols available - - -
    - - - - - -
    +
    +

    + All Stock Symbols +

    +

    + List of all {rawData?.length} stock symbols we support +

    -
    +
    -
    - - {rawData?.length} Stocks - -
    - -
    - -
    - - - - - - - - - - - {#each stockList as item, index} - goto("/stocks/" + item?.symbol)} - class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer" - > - - - - - - - - - {/each} - -
    SymbolNameSectorMarket Cap
    - {item?.symbol} - - {item?.name?.length > charNumber - ? item?.name?.slice(0, charNumber) + "..." - : item?.name} - - {item?.sector !== null ? item?.sector : "-"} - - {item?.marketCap !== null - ? abbreviateNumber(item?.marketCap, true) - : "-"} -
    -
    +