tudor.stanciu
/
network-resurrector
mirror of https://dev.azure.com/tstanciu94/NetworkResurrector/_git/NetworkResurrector
1
0
Fork 0
Code Issues 1 Packages Projects Releases Wiki Activity

Refactor PaperTitle component to use Box component from Material-UI

master
Tudor Stanciu 2024-03-25 02:38:49 +02:00
parent 799d95ab23
commit 89514653ce
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/common/PaperTitle.js
View File

@ -1,22 +1,20 @@
import React from "react"; import React from "react";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import { Typography } from "@mui/material"; import { Typography, Box } from "@mui/material";
import { makeStyles } from "@mui/material/styles";
const useStyles = makeStyles(theme => ({ const styles = {
paper: { paper: {
margin: theme.spacing(1) margin: 1
} }
})); };
const PaperTitle = ({ text }) => { const PaperTitle = ({ text }) => {
const classes = useStyles();
return ( return (
<div className={classes.paper}> <Box sx={styles.paper}>
<Typography variant="h5" gutterBottom> <Typography variant="h5" gutterBottom>
{text} {text}
</Typography> </Typography>
</div> </Box>
); );
}; };