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-10-26 21:51:11 +02:00
parent 912896fb39
commit 4da416afb2
5 changed files with 32 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/News.svelte
View File

@ -138,7 +138,9 @@
>
{item?.title}
<p class="text-white text-sm mt-2 font-normal">
{item?.text}
{item?.text?.length > 200
? item?.text?.slice(0, 200) + "..."
: item?.text}
</p>
</a>
</div>

34
src/lib/components/Sidecard.svelte
View File

@ -1,29 +1,21 @@
<script lang="ts">
import TickerInfoCard from "$lib/components/TickerInfoCard.svelte";
import AnalystCard from "$lib/components/AnalystCard.svelte";
//import ESGCard from '$lib/components/ESGCard.svelte';
import SimilarTickerCard from "$lib/components/SimilarTickerCard.svelte";
import TopETFTickerHolder from "$lib/components/TopETFTickerHolder.svelte";
import TickerInfoCard from '$lib/components/TickerInfoCard.svelte';
import AnalystCard from '$lib/components/AnalystCard.svelte';
//import ESGCard from '$lib/components/ESGCard.svelte';
import SimilarTickerCard from '$lib/components/SimilarTickerCard.svelte';
import TopETFTickerHolder from '$lib/components/TopETFTickerHolder.svelte';
export let data;
export let stockDeck;
export let lastPrice;
export let similarstock;
export let topETFHolder;
export let analystRating;
export let data;
export let stockDeck;
export let lastPrice;
export let similarstock;
export let topETFHolder;
export let analystRating;
</script>
<TickerInfoCard {data} {stockDeck} />
<TickerInfoCard data={data} stockDeck={stockDeck} />
<AnalystCard lastPrice={lastPrice} analystRating={analystRating} />
<AnalystCard {lastPrice} {analystRating} />
<!--<ESGCard stockDeck={stockDeck} />-->

7
src/routes/stock-screener/+page.svelte
View File

@ -711,13 +711,6 @@
defaultCondition: "over",
defaultValue: "1%",
},
annualPriceChange: {
label: "52-Week Price Change",
step: ["200%", "100%", "50%", "20%", "10%", "5%", "1%"],
defaultCondition: "over",
defaultValue: "1%",
},
var: {
label: "Value-at-Risk",
step: ["-1%", "-5%", "-10%", "-15%", "-20%"],

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

@ -366,10 +366,7 @@ function handleTypeOfTrade(state:string)
<div
class="flex-1 flex-shrink-0 flex flex-row items-center justify-between -mt-2"
>
<label
on:click={() => goto("/")}
class="ml-2 cursor-pointer"
>
<a href="/" class="ml-2 cursor-pointer">
<svg
class="w-5 h-5 inline-block"
xmlns="http://www.w3.org/2000/svg"
@ -381,7 +378,7 @@ function handleTypeOfTrade(state:string)
/></g
></svg
>
</label>
</a>
<div
class={!isScrolled
@ -395,10 +392,7 @@ function handleTypeOfTrade(state:string)
</span>
<span class="text-white font-medium text-sm">
{#if $currentPortfolioPrice !== null && $currentPortfolioPrice !== 0}
{$stockTicker?.includes(".DE") ||
$stockTicker?.includes(".F")
? `${$currentPortfolioPrice}€`
: ` $${$currentPortfolioPrice}`}
{$currentPortfolioPrice}
{:else}
{data?.getStockQuote?.price}
{/if}

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

@ -1497,22 +1497,20 @@
<CommunitySentiment {communitySentiment} />
</div>
{#if $screenWidth <= 1022}
<!--BUG: Dont remove since when changing ETF symbol display freezes-->
<!--BUG: Dont remove since when changing ETF symbol display freezes-->
<div class="w-full mt-10 m-auto sm:p-6 lg:hidden">
<Lazy>
<h3
class="cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold"
>
Key Information
</h3>
{#await import("$lib/components/StockKeyInformation.svelte") then { default: Comp }}
<svelte:component this={Comp} {data} />
{/await}
</Lazy>
</div>
{/if}
<div class="w-full mt-10 m-auto sm:p-6 lg:hidden">
<Lazy>
<h3
class="cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold"
>
Key Information
</h3>
{#await import("$lib/components/StockKeyInformation.svelte") then { default: Comp }}
<svelte:component this={Comp} {data} />
{/await}
</Lazy>
</div>
<div
class="w-full mt-10 sm:mt-0 m-auto sm:pl-6 sm:pb-6 sm:pt-6 {Object?.keys(