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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-17 21:35:00 +01:00
parent cd1bc508cb
commit f36d9efdc3
2 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,16 @@
<script lang="ts"> <script lang="ts">
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import { stockTicker } from "$lib/store";
export let data; export let data;
let similarStocks;
const similarStocks = data?.getSimilarStocks?.sort( $: {
(a, b) => b?.dividendYield - a?.dividendYield, if ($stockTicker) {
); similarStocks = data?.getSimilarStocks?.sort(
(a, b) => b?.dividendYield - a?.dividendYield,
);
}
}
</script> </script>
<section class="w-auto overflow-hidden min-h-screen"> <section class="w-auto overflow-hidden min-h-screen">
@ -42,9 +47,11 @@
<tr class="border-gray-800 border-b text-[1rem]" <tr class="border-gray-800 border-b text-[1rem]"
><td class="text-left text-[1rem]" ><td class="text-left text-[1rem]"
><a ><a
href={`/stocks/${item?.symbol}`} href={`/stocks/${item?.symbol}/dividends`}
class="sm:hover:text-white text-blue-400" class="sm:hover:text-white text-blue-400"
>{item?.symbol}</a >{item?.name?.length > 30
? item?.name?.slice(0, 30) + "..."
: item?.name}</a
></td ></td
> >
<td class="text-right cursor-normal text-[1rem]" <td class="text-right cursor-normal text-[1rem]"

19
src/routes/stocks/[tickerID]/dividends/+page.svelte
View File

@ -8,8 +8,7 @@
export let data; export let data;
let dateDistance; let dateDistance;
let rawData = data?.getStockDividend; let rawData = data?.getStockDividend || [];
let optionsDividend;
let exDividendDate = rawData?.history?.at(0)?.date; let exDividendDate = rawData?.history?.at(0)?.date;
let dividendYield = rawData?.dividendYield; let dividendYield = rawData?.dividendYield;
@ -73,7 +72,21 @@
} }
} }
const htmlOutput = generateDividendInfoHTML(); let htmlOutput = generateDividendInfoHTML();
$: {
if ($stockTicker) {
rawData = data?.getStockDividend || [];
exDividendDate = rawData?.history?.at(0)?.date;
dividendYield = rawData?.dividendYield;
annualDividend = rawData?.annualDividend;
payoutFrequency = rawData?.payoutFrequency;
payoutRatio = rawData?.payoutRatio;
dividendGrowth = rawData?.dividendGrowth;
htmlOutput = generateDividendInfoHTML();
}
}
</script> </script>
<svelte:head> <svelte:head>