Changeset e599341 for components/BuildDetailsDialog.tsx

Timestamp:

12/28/25 00:07:22 (7 months ago)

Author:

Mihail <mihail2.naumov@…>

Branches:

main

Children:

9c87509

Parents:

f7c0b0d

Message:

Added frontend elements

File:

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

components/BuildDetailsDialog.tsx

@@ -2 +2 @@
 import {
     Dialog, DialogTitle, DialogContent, Button, Grid, Box, Typography,
-    IconButton, Tab, Tabs, Table, TableBody, TableCell, TableRow, Rating, TextField, Avatar, Divider, Chip, CardMedia
+    IconButton, Tab, Tabs, Table, TableBody, TableCell, TableRow, Rating, TextField, Avatar, Chip
 } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
@@ -8 +8 @@
 import FavoriteIcon from '@mui/icons-material/Favorite';
 import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
+import PersonIcon from "@mui/icons-material/Person";
 import { onGetBuildDetails, onSetReview, onToggleFavorite } from '../pages/+Layout.telefunc';
-import PersonIcon from "@mui/icons-material/Person";
 
 const formatPrice = (price: any) => new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(Number(price) || 0);
@@ -24 +24 @@
         if (open && buildId) {
             setLoading(true);
+            setReviewText("");
+            setRatingVal(5);
+
             onGetBuildDetails({ buildId })
                 .then(data => {
@@ -43 +46 @@
         if (!currentUser) return alert("Please login to review.");
         await onSetReview({ buildId, content: reviewText });
+
+        setReviewText("");
 
         const refreshed = await onGetBuildDetails({ buildId });
@@ -81 +86 @@
                         <Box sx={{ p: 3 }}>
                             {tabIndex === 0 && (
-                                <Grid container spacing={4}>
+                                <Grid container spacing={2}>
                                     <Grid item xs={12} md={8}>
                                         <Table size="small">
@@ -88 +93 @@
                                                     <TableRow key={comp.id}>
                                                         <TableCell sx={{ width: 50 }}>
-                                                            {/*<Avatar*/}
-                                                            {/*    src={comp.img_url || undefined}*/}
-                                                            {/*    variant="rounded"*/}
-                                                            {/*    sx={{ width: 40, height: 40, bgcolor: '#ff8201' }}*/}
-                                                            {/*>*/}
-                                                            {/*    {comp.type?.[0]?.toUpperCase()}*/}
-                                                            {/*</Avatar>*/}
-                                                            {/*<PersonIcon sx={{ fontSize: 16 }} />*/}
-                                                            <CardMedia
-                                                                component="img"
-                                                                height="50"
-                                                                width="50"
-                                                                image={"https://placehold.co/400x400?text=CPU"}
-
-                                                            />
+                                                            <Avatar
+                                                                src={comp.img_url || undefined}
+                                                                variant="rounded"
+                                                                sx={{ width: 45, height: 45, bgcolor: '#ff8201'}}
+                                                            >
+                                                                {comp.type?.substring(0, 3)?.toUpperCase()}
+                                                            </Avatar>
                                                         </TableCell>
                                                         <TableCell>