Changeset f727252 for components/BuildDetailsDialog.tsx

Timestamp:

02/10/26 01:23:31 (5 months ago)

Author:

Mihail <mihail2.naumov@…>

Branches:

main

Children:

546a194

Parents:

b348db4

Message:

Optimizations & Layout/Text changes

File:

• components/BuildDetailsDialog.tsx (modified) (9 diffs)

components/BuildDetailsDialog.tsx

@@ -1 +1 @@
 import React, {useEffect, useState} from 'react';
 import {
-    Dialog, DialogTitle, DialogContent, DialogActions, Button, Grid, Box, Typography,
+    Dialog, DialogTitle, DialogContent, DialogActions, Button, Box, Typography,
     IconButton, Tab, Tabs, Table, TableBody, TableCell, TableRow, Rating, TextField, Avatar, Chip, Alert
 } from '@mui/material';
@@ -34 +34 @@
     const [ratingVal, setRatingVal] = useState(5);
 
-    // Main details fetch
     useEffect(() => {
-        if (open && buildId !== null && typeof buildId === 'number') {
+        if (open && buildId !== null) {
             setLoading(true);
             setReviewText("");
@@ -52 +51 @@
 
     useEffect(() => {
-        if (open && buildId !== null && typeof buildId === 'number') {
+        if (open && buildId !== null) {
             onGetBuildState({buildId})
                 .then(state => {
@@ -63 +62 @@
     }, [open, buildId]);
 
+    useEffect(() => {
+        if (open) {
+            setTabIndex(0);
+        }
+    }, [open, buildId]);
+
+
     const handleFavorite = async () => {
         if (!currentUser || buildId === null) return alert("Please login to favorite builds.");
@@ -103 +109 @@
     return (
         <>
-            <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth scroll="paper">
+            <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth scroll="body">
                 {loading || !details ? (
                     <Box sx={{p: 5, textAlign: 'center'}}>Loading Forge Schematics...</Box>
@@ -146 +152 @@
                             <Box sx={{p: 3}}>
                                 {tabIndex === 0 && (
-                                    <Grid container spacing={2}>
-                                        <Grid item xs={12} md={8}>
+                                    <Box
+                                        sx={{
+                                            display: 'grid',
+                                            gridTemplateColumns: {
+                                                xs: '1fr',
+                                                md: '2fr 1fr'
+                                            },
+                                            gap: 2,
+                                            width: '100%'
+                                        }}
+                                    >
+                                        <Box>
                                             <Table size="small">
                                                 <TableBody>
@@ -193 +209 @@
                                                 </TableBody>
                                             </Table>
-                                        </Grid>
-
-                                        <Grid item xs={12} md={4}>
+                                        </Box>
+
+                                        <Box>
                                             <Box sx={{bgcolor: '#424343', p: 2, borderRadius: 2, mb: 2}}>
-                                                <Typography color="primary.main" gutterBottom fontWeight="bold">Builder's
-                                                    Notes</Typography>
+                                                <Typography color="primary.main" gutterBottom fontWeight="bold">
+                                                    Builder's Notes
+                                                </Typography>
                                                 <Typography color="primary.main" variant="body2"
                                                             sx={{fontStyle: 'italic'}}>
@@ -243 +260 @@
                                                 </Button>
                                             </Box>
-                                        </Grid>
-                                    </Grid>
+                                        </Box>
+                                    </Box>
                                 )}
 
@@ -313 +330 @@
                                             ))}
                                             {details.reviews.length === 0 && (
-                                                <Typography color="text.secondary" align="center">No reviews yet. Be the
-                                                    first!</Typography>
+                                                <Typography color="text.secondary" align="center">
+                                                    No reviews yet. Be the first!
+                                                </Typography>
                                             )}
                                         </Box>