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

bugfixing

Browse Source
This commit is contained in:
MuslemRahimi 2025-04-02 11:32:57 +02:00
parent 4cd5640754
commit 829f38ad15
2 changed files with 87 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,18 @@
<script lang="ts">
import { stockTicker } from "$lib/store";
import { formatDate } from "$lib/utils";
import { formatDate, removeCompanyStrings } from "$lib/utils";
export let data;
let newsList = data?.getNews ?? [];
let newsList = [];
let similarStocks = [];
$: {
if ($stockTicker) {
newsList = data?.getNews || [];
similarStocks = data?.getSimilarStocks;
}
}
</script>
<section class="w-auto overflow-hidden min-h-screen">
@ -18,6 +26,60 @@
</main>
<aside class="hidden lg:block relative fixed w-1/4 mt-3">
{#if similarStocks?.length > 0}
<div
class="w-full p-2 border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4"
>
<h3 class="p-2 pt-4 text-xl font-semibold">Related Stocks</h3>
<table class="table table-sm table-compact w-full">
<thead class="text-muted dark:text-white"
><tr
><th
class="whitespace-nowrap border-b border-gray-300 dark:border-gray-600 font-semibold text-[1rem] text-left px-2"
>Company</th
>
<th
class="whitespace-nowrap border-b border-gray-300 dark:border-gray-600 font-semibold text-[1rem] text-right px-2"
>Dividend Yield</th
></tr
></thead
>
<tbody>
{#each similarStocks?.slice(0, 8) as item, index}
{#if item?.dividendYield > 0}
<tr
class="border-gray-300 dark:border-gray-800 text-[1rem] {index !==
similarStocks?.slice(0, 8).length - 1
? 'border-b'
: ''}"
><td class="text-left text-[1rem] px-2"
><a
href={`/stocks/${item?.symbol}/dividends`}
class="text-blue-700 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
>{removeCompanyStrings(item?.name)}</a
></td
>
<td class="text-right cursor-normal text-[1rem] px-2"
>{item?.dividendYield
? item?.dividendYield + "%"
: "n/a"}</td
>
</tr>
{/if}
{/each}
</tbody>
</table>
<div class="px-2">
<a
href="/list/top-rated-dividend-stocks"
class="flex justify-center items-center rounded cursor-pointer w-full py-2 mt-3 text-[1rem] text-center font-semibold text-white dark:text-black m-auto sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 bg-[#3B82F6] dark:bg-[#fff] transition duration-100"
>
Dividend Rankings
</a>
</div>
</div>
{/if}
{#if newsList?.length !== 0}
<div
class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit"

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

@ -5,14 +5,13 @@
export let data;
let dateDistance;
let rawData = data?.getStockDividend;
let exDividendDate = rawData?.history?.at(0)?.date;
let dividendYield = rawData?.dividendYield;
let annualDividend = rawData?.annualDividend;
let payoutFrequency = rawData?.payoutFrequency;
let payoutRatio = rawData?.payoutRatio;
let dividendGrowth = rawData?.dividendGrowth;
let rawData;
let exDividendDate;
let dividendYield;
let annualDividend;
let payoutFrequency;
let payoutRatio;
let dividendGrowth;
function generateDividendInfoHTML() {
const history = rawData?.history || [];
@ -60,7 +59,22 @@
}
}
const htmlOutput = generateDividendInfoHTML();
let htmlOutput;
$: {
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>
<SEO