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 2024-09-21 21:27:04 +02:00
parent f394ee5cfe
commit c42fbe9e20
3 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/StockSplits.svelte
View File

@ -12,7 +12,7 @@
if ($stockTicker && typeof window !== 'undefined' && typeof stockDeck !== 'undefined' && stockDeck?.length !== 0)
{
stockSplits = stockDeck[0]?.stockSplits;
stockSplits = stockDeck?.at(0)?.stockSplits || [];
showFullHistory = false;

14
src/lib/components/TickerInfoCard.svelte
View File

@ -31,13 +31,8 @@
function getAbbreviatedName(fullName) {
if (fullName === null)
{
return '-';
}
const names = fullName?.split(' ');
try {
const names = fullName?.split(' ');
let firstName = names?.at(0);
// Remove any title prefix (e.g. Dr., Mr., Mrs., Ms.)
if (names?.length > 1 && /^(Dr|Mr|Mrs|Ms)\.?$/i?.test(names?.at(0))) {
@ -47,6 +42,11 @@
const initials = names?.slice(0, -1)?.map(name => name?.charAt(0))?.join('. ');
const lastName = names[names?.length - 1];
return `${firstName?.charAt(0)}. ${lastName}`;
} catch(e) {
//console.log(e)
return '-'
}
}

15
src/routes/stocks/[tickerID]/news/+page.svelte
View File

@ -92,7 +92,7 @@ function loadMoreData() {
<section class="w-auto max-w-4xl bg-[#09090B] overflow-hidden text-black h-full mb-40">
<div class="m-auto h-full overflow-hidden w-full">
<main class="w-full">
<main class="w-auto">
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
<div class="mb-6 w-full">
<h1 class="text-2xl sm:text-3xl text-white font-bold">
@ -101,9 +101,10 @@ function loadMoreData() {
</div>
{#if newsList?.length !== 0}
<div class="grid grid-cols-1 gap-2 pb-5">
{#each newsList as item}
<div class="w-full flex flex-col bg-[#09090B] rounded-lg m-auto">
<div class="w-fit flex flex-col bg-[#09090B] rounded-lg m-auto">
{#if videoId = checkIfYoutubeVideo(item.url)}
<iframe
class="w-full h-96 rounded-lg border border-gray-800"
@ -113,18 +114,18 @@ function loadMoreData() {
allowfullscreen
></iframe>
{:else}
<a href={item?.url} rel="noopener noreferrer" target="_blank" class="border border-gray-800 rounded-lg">
<a href={item?.url} rel="noopener noreferrer" target="_blank" class="w-fit border border-gray-800 rounded-lg">
<div class="flex-shrink-0 m-auto ">
<img src={item?.image} class=" w-full rounded-lg" alt="news image" loading="lazy">
<img src={item?.image} class="h-auto w-auto rounded-lg" alt="news image" loading="lazy">
</div>
</a>
{/if}
<div class="mb-1 w-full">
<h3 class="text-sm sm:text-md text-white text-opacity-60 truncate mb-2 mt-3">
{item?.site} · {formatDate(item?.publishedDate)} ago
<h3 class="text-sm text-white/80 truncate mb-2 mt-3">
{formatDate(item?.publishedDate)} ago · {item?.site}
</h3>
<a href={item?.url} rel="noopener noreferrer" target="_blank" class="text-lg font-bold text-white">
<a href={item?.url} rel="noopener noreferrer" target="_blank" class="text-lg sm:text-xl font-bold text-white">
{item?.title}
<p class="text-white text-sm mt-2 font-normal">
{item?.text}