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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-12-31 11:26:35 +01:00
parent 6104e7ec5c
commit 7d86c54431
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,6 +17,7 @@
import { BarChart, LineChart } from "echarts/charts"; import { BarChart, LineChart } from "echarts/charts";
import { GridComponent, TooltipComponent } from "echarts/components"; import { GridComponent, TooltipComponent } from "echarts/components";
import { CanvasRenderer } from "echarts/renderers"; import { CanvasRenderer } from "echarts/renderers";
import Infobox from "$lib/components/Infobox.svelte";
use([BarChart, LineChart, GridComponent, TooltipComponent, CanvasRenderer]); use([BarChart, LineChart, GridComponent, TooltipComponent, CanvasRenderer]);
export let data; export let data;
@ -521,7 +522,7 @@
$: { $: {
if ( if (
(displayTimePeriod || displayData) && (displayTimePeriod || displayData) &&
optionsPlotData?.length !== 0 && rawPlotData?.length !== 0 &&
typeof window !== "undefined" typeof window !== "undefined"
) { ) {
// Filter the raw plot data based on the selected time period // Filter the raw plot data based on the selected time period
@ -576,11 +577,17 @@
class="w-full relative flex justify-center items-center overflow-hidden" class="w-full relative flex justify-center items-center overflow-hidden"
> >
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0"> <div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-10"> {#if Object?.keys(dailyStats)?.length === 0 && rawPlotData?.length === 0}
<DailyStats rawData={dailyStats} /> <Infobox text="No Options data available" />
</div> {/if}
{#if optionsPlotData?.length !== 0} {#if Object?.keys(dailyStats)?.length > 0}
<div class="w-full mb-10">
<DailyStats rawData={dailyStats} />
</div>
{/if}
{#if rawPlotData?.length > 0}
<div <div
class="mb-4 grid grid-cols-2 grid-rows-2 divide-gray-600 rounded-md border border-gray-600 md:grid-cols-4 md:grid-rows-1 md:divide-x" class="mb-4 grid grid-cols-2 grid-rows-2 divide-gray-600 rounded-md border border-gray-600 md:grid-cols-4 md:grid-rows-1 md:divide-x"
> >