Remove unused makeStyles import and inline paper styling in TimelineComponent.js

master^2
Tudor Stanciu 2024-03-25 03:10:32 +02:00
parent a3e7578262
commit c3cb995e86
1 changed files with 6 additions and 9 deletions

View File

@ -1,6 +1,5 @@
import React from "react"; import React from "react";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import { makeStyles } from "@mui/material/styles";
import Timeline from "@mui/lab/Timeline"; import Timeline from "@mui/lab/Timeline";
import TimelineItem from "@mui/lab/TimelineItem"; import TimelineItem from "@mui/lab/TimelineItem";
import TimelineSeparator from "@mui/lab/TimelineSeparator"; import TimelineSeparator from "@mui/lab/TimelineSeparator";
@ -55,14 +54,7 @@ const timelineDotVariants = [
{ color: "secondary", variant: "outlined" } { color: "secondary", variant: "outlined" }
]; ];
const useStyles = makeStyles(() => ({
paper: {
padding: "6px 16px"
}
}));
const TimelineComponent = ({ releases }) => { const TimelineComponent = ({ releases }) => {
const classes = useStyles();
const { t } = useTranslation(); const { t } = useTranslation();
const _releases = releases.map((release, index) => { const _releases = releases.map((release, index) => {
@ -90,7 +82,12 @@ const TimelineComponent = ({ releases }) => {
{!release.isLast && <TimelineConnector />} {!release.isLast && <TimelineConnector />}
</TimelineSeparator> </TimelineSeparator>
<TimelineContent> <TimelineContent>
<Paper elevation={3} className={classes.paper}> <Paper
elevation={3}
sx={{
padding: "6px 16px"
}}
>
<Typography variant="h6" component="h1"> <Typography variant="h6" component="h1">
{release.notes[0]} {release.notes[0]}
</Typography> </Typography>