avraham/calendar-optimizer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

migrated to mui Grid2

Browse Source
This commit is contained in:
avraham
2024-10-06 15:14:30 -04:00
parent 2597c0f6ac
commit ac9554ba21
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/HistoricalCalendarPrices.tsx
+11 -11
View File
@@ -11,7 +11,7 @@ import {
import { Scatter } from "react-chartjs-2"; import { Scatter } from "react-chartjs-2";
import { import {
Container, Container,
Grid, Grid2,
Typography, Typography,
Paper, Paper,
Popper, Popper,
@@ -63,8 +63,8 @@ export function HistoricalCalendarPrices() {
return ( return (
<Container maxWidth="lg"> <Container maxWidth="lg">
<Grid container spacing={4}> <Grid2 container spacing={4} columns={12}>
<Grid item xs={12}> <Grid2 size={{ xs: 12 }}>
<Typography variant="h4" gutterBottom> <Typography variant="h4" gutterBottom>
<EditableUnderlying /> : <EditableUnderlying /> :
<EditableDaysBetweenFrontAndBackExpiration /> <EditableDaysBetweenFrontAndBackExpiration />
@@ -93,8 +93,8 @@ export function HistoricalCalendarPrices() {
</Paper> </Paper>
</Popper> </Popper>
</ClickAwayListener> </ClickAwayListener>
</Grid> </Grid2>
<Grid item xs={12}> <Grid2 size={{ xs: 12 }}>
<Paper elevation={3} sx={{ p: 3, minHeight: "28em", height: "100%" }}> <Paper elevation={3} sx={{ p: 3, minHeight: "28em", height: "100%" }}>
{underlying.value !== null && {underlying.value !== null &&
stockPriceChartData.value.length > 0 ? ( stockPriceChartData.value.length > 0 ? (
@@ -158,8 +158,8 @@ export function HistoricalCalendarPrices() {
<Typography>Loading Chart...</Typography> <Typography>Loading Chart...</Typography>
)} )}
</Paper> </Paper>
</Grid> </Grid2>
<Grid item xs={12} md={6}> <Grid2 size={{ xs: 12, md: 6 }}>
<Paper elevation={3} sx={{ p: 3, minHeight: "28em" }}> <Paper elevation={3} sx={{ p: 3, minHeight: "28em" }}>
{underlying.value !== null && {underlying.value !== null &&
similarCalendarPriceChartData.value.length > 0 ? ( similarCalendarPriceChartData.value.length > 0 ? (
@@ -219,8 +219,8 @@ export function HistoricalCalendarPrices() {
<Typography>Loading Chart...</Typography> <Typography>Loading Chart...</Typography>
)} )}
</Paper> </Paper>
</Grid> </Grid2>
<Grid item xs={12} md={6}> <Grid2 size={{ xs: 12, md: 6 }}>
<Paper elevation={3} sx={{ p: 3, minHeight: "28em" }}> <Paper elevation={3} sx={{ p: 3, minHeight: "28em" }}>
{underlying.value !== null && {underlying.value !== null &&
similarCalendarPriceChartData.value.length > 0 ? ( similarCalendarPriceChartData.value.length > 0 ? (
@@ -293,8 +293,8 @@ export function HistoricalCalendarPrices() {
<Typography>Loading Chart...</Typography> <Typography>Loading Chart...</Typography>
)} )}
</Paper> </Paper>
</Grid> </Grid2>
</Grid> </Grid2>
</Container> </Container>
); );
} }