seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

refactor: update Typography components across multiple files to improve consistency in heading levels and styles

Browse Source
This commit is contained in:
sebseb7
2025-07-21 01:29:03 +02:00
parent c4bd28ba92
commit d70fac24ed
5 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ProductDetailPage.js
View File

@@ -581,7 +581,7 @@ class ProductDetailPage extends Component {
minHeight: "60vh",
}}
>
<Typography variant="h5" gutterBottom>
<Typography variant="h2" component="h2" gutterBottom>
Produkt wird geladen...
</Typography>
</Box>
@@ -591,7 +591,7 @@ class ProductDetailPage extends Component {
if (error) {
return (
<Box sx={{ p: 4, textAlign: "center" }}>
<Typography variant="h5" gutterBottom color="error">
<Typography variant="h2" component="h2" gutterBottom color="error">
Fehler
</Typography>
<Typography>{error}</Typography>
@@ -607,7 +607,7 @@ class ProductDetailPage extends Component {
if (!product) {
return (
<Box sx={{ p: 4, textAlign: "center" }}>
<Typography variant="h5" gutterBottom>
<Typography variant="h2" component="h2" gutterBottom>
Produkt nicht gefunden
</Typography>
<Typography>
@@ -856,7 +856,7 @@ class ProductDetailPage extends Component {
>
<Box>
<Typography
variant="h4"
variant="h5"
color="primary"
sx={{ fontWeight: "bold" }}
>
@@ -1061,7 +1061,7 @@ class ProductDetailPage extends Component {
{product.komponenten && product.komponenten.split(",").length > 0 && (
<Box sx={{ mt: 4, p: 4, background: "#fff", borderRadius: 2, boxShadow: "0 2px 8px rgba(0,0,0,0.08)" }}>
<Typography variant="h4" gutterBottom>{this.props.t ? this.props.t('product.consistsOf') : 'Bestehend aus:'}</Typography>
<Typography variant="h2" component="h2" gutterBottom>{this.props.t ? this.props.t('product.consistsOf') : 'Bestehend aus:'}</Typography>
<Box sx={{ maxWidth: 800, mx: "auto" }}>
{(console.log("komponentenLoaded:", komponentenLoaded), komponentenLoaded) ? (