Changes in / [f46bf5c:dda6f51]


Ignore:
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • components/BuildDetailsDialog.tsx

    rf46bf5c rdda6f51  
    1010import PersonIcon from "@mui/icons-material/Person";
    1111import {onGetBuildDetails, onSetReview, onToggleFavorite, onCloneBuild, onSetRating} from '../pages/+Layout.telefunc';
    12 import {onGetBuildState} from '../pages/forge/forge.telefunc';
    13 
    14 const formatPrice = (price: any) => new Intl.NumberFormat('en-US', {
    15     style: 'currency',
    16     currency: 'USD'
    17 }).format(Number(price) || 0);
    18 
    19 export default function BuildDetailsDialog({open, buildId, onClose, currentUser, isDashboardView = false}: {
    20     open: boolean;
    21     buildId: number | null;
    22     onClose: () => void;
    23     currentUser: any;
    24     isDashboardView?: boolean;
    25 }) {
     12
     13const formatPrice = (price: any) => new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(Number(price) || 0);
     14
     15export default function BuildDetailsDialog({ open, buildId, onClose, currentUser }: any) {
    2616    const [details, setDetails] = useState<any>(null);
    2717    const [loading, setLoading] = useState(false);
    … …  
    2919    const [cloneDialogOpen, setCloneDialogOpen] = useState(false);
    3020    const [cloningBuildId, setCloningBuildId] = useState<number | null>(null);
    31     const [isOwner, setIsOwner] = useState(false);
    3221
    3322    const [reviewText, setReviewText] = useState("");
    3423    const [ratingVal, setRatingVal] = useState(5);
    3524
    36     // Main details fetch
    3725    useEffect(() => {
    38         if (open && buildId !== null && typeof buildId === 'number') {
     26        if (open && buildId) {
    3927            setLoading(true);
    4028            setReviewText("");
    4129            setRatingVal(5);
    4230
    43             onGetBuildDetails({buildId})
     31            onGetBuildDetails({ buildId })
    4432                .then(data => {
    4533                    setDetails(data);
    … …  
    5139    }, [open, buildId]);
    5240
    53     // Ownership check for edit button
    54     useEffect(() => {
    55         if (open && buildId !== null && typeof buildId === 'number') {
    56             onGetBuildState({ buildId })  // ← Only buildId, no userId!
    57                 .then(state => {
    58                     setIsOwner(!!state);
    59                 })
    60                 .catch(() => setIsOwner(false));
    61         } else {
    62             setIsOwner(false);
    63         }
    64     }, [open, buildId]);
    65 
    6641    const handleFavorite = async () => {
    67         if (!currentUser || buildId === null) return alert("Please login to favorite builds.");
    68         const res = await onToggleFavorite({buildId});
    69         setDetails((prev: any) => ({...prev, isFavorite: res}));
     42        if (!currentUser) return alert("Please login to favorite builds.");
     43        const res = await onToggleFavorite({ buildId });
     44        setDetails((prev: any) => ({ ...prev, isFavorite: res }));
    7045    };
    7146
    7247    const handleSubmitReview = async () => {
    73         if (!currentUser || buildId === null) return alert("Please login to review.");
     48        if (!currentUser) return alert("Please login to review.");
    7449
    7550        await onSetReview({
    7651            buildId,
    7752            content: reviewText,
     53            // rating: ratingVal
    7854        });
    7955
    … …  
    8157            buildId,
    8258            value: ratingVal
    83         });
    84 
    85         const refreshed = await onGetBuildDetails({buildId});
     59        })
     60
     61        const refreshed = await onGetBuildDetails({ buildId });
    8662        setDetails(refreshed);
    8763    };
    … …  
    9268        try {
    9369            const newBuildId = await onCloneBuild({ buildId: cloningBuildId });
     70
    9471            window.location.href = `/forge?buildId=${newBuildId}`;
     72
    9573            setCloneDialogOpen(false);
    9674            setCloningBuildId(null);
    … …  
    10078    };
    10179
     80
    10281    if (!open) return null;
    10382
    … …  
    10685            <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth scroll="paper">
    10786                {loading || !details ? (
    108                     <Box sx={{p: 5, textAlign: 'center'}}>Loading Forge Schematics...</Box>
     87                    <Box sx={{ p: 5, textAlign: 'center' }}>Loading Forge Schematics...</Box>
    10988                ) : (
    11089                    <>
    111                         <DialogTitle sx={{
    112                             display: 'flex',
    113                             justifyContent: 'space-between',
    114                             alignItems: 'center',
    115                             bgcolor: '#ff8201'
    116                         }}>
     90                        <DialogTitle sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', bgcolor: '#ff8201' }}>
    11791                            <Box>
    11892                                <Typography variant="h5" fontWeight="bold">{details.name}</Typography>
    119                                 <Box sx={{display: 'flex', alignItems: 'center', gap: 1}}>
    120                                     <PersonIcon sx={{fontSize: 16}}/>
     93                                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
     94                                    <PersonIcon sx={{ fontSize: 16 }} />
    12195                                    <Typography variant="subtitle2" color="text.secondary" fontWeight="bold">
    12296                                        by {details.creator}
    12397                                    </Typography>
    124                                     <Chip label={formatPrice(details.totalPrice)} size="small" color="primary"
    125                                           variant="outlined"/>
     98                                    <Chip label={formatPrice(details.totalPrice)} size="small" color="primary" variant="outlined" />
    12699                                </Box>
    127100                            </Box>
    128                             <IconButton onClick={onClose}><CloseIcon/></IconButton>
     101                            <IconButton onClick={onClose}><CloseIcon /></IconButton>
    129102                        </DialogTitle>
    130103
    131                         <DialogContent sx={{p: 0}}>
    132                             <Box sx={{
    133                                 borderBottom: 1,
    134                                 borderColor: 'divider',
    135                                 px: 2,
    136                                 bgcolor: 'primary',
    137                                 position: 'sticky',
    138                                 top: 0,
    139                                 zIndex: 1
    140                             }}>
     104                        <DialogContent sx={{ p: 0 }}>
     105                            <Box sx={{ borderBottom: 1, borderColor: 'divider', px: 2, bgcolor: 'primary', position: 'sticky', top: 0, zIndex: 1 }}>
    141106                                <Tabs value={tabIndex} onChange={(_, v) => setTabIndex(v)}>
    142                                     <Tab label="Specs"/>
    143                                     <Tab label={`Reviews (${details.ratingStatistics.ratingCount})`}/>
     107                                    <Tab label="Specs" />
     108                                    <Tab label={`Reviews (${details.ratingStatistics.ratingCount})`} />
    144109                                </Tabs>
    145110                            </Box>
    146111
    147                             <Box sx={{p: 3}}>
     112                            <Box sx={{ p: 3 }}>
    148113                                {tabIndex === 0 && (
    149114                                    <Grid container spacing={2}>
    … …  
    153118                                                    {details.components.map((comp: any) => (
    154119                                                        <TableRow key={comp.id}>
    155                                                             <TableCell sx={{width: 50}}>
     120                                                            <TableCell sx={{ width: 50 }}>
    156121                                                                <Avatar
    157122                                                                    src={comp.img_url || undefined}
    158123                                                                    variant="rounded"
    159                                                                     sx={{width: 45, height: 45, bgcolor: '#ff8201'}}
     124                                                                    sx={{ width: 45, height: 45, bgcolor: '#ff8201'}}
    160125                                                                >
    161126                                                                    {comp.type?.substring(0, 3)?.toUpperCase()}
    … …  
    163128                                                            </TableCell>
    164129                                                            <TableCell>
    165                                                                 <Typography variant="body2" color="text.secondary" sx={{
    166                                                                     fontSize: '0.75rem',
    167                                                                     textTransform: 'uppercase'
    168                                                                 }}>
     130                                                                <Typography variant="body2" color="text.secondary" sx={{ fontSize: '0.75rem', textTransform: 'uppercase' }}>
    169131                                                                    {comp.type}
    170132                                                                </Typography>
    … …  
    173135                                                                </Typography>
    174136                                                            </TableCell>
    175                                                             <TableCell align="right"
    176                                                                        sx={{fontWeight: 'bold', color: '#ff8201'}}>
     137                                                            <TableCell align="right" sx={{ fontWeight: 'bold', color: '#ff8201' }}>
    177138                                                                {formatPrice(comp.price)}
    178139                                                            </TableCell>
    179140                                                        </TableRow>
    180141                                                    ))}
    181                                                     <TableRow sx={{bgcolor: '#424343'}}>
    182                                                         <TableCell colSpan={2} sx={{
    183                                                             fontWeight: 'bold',
    184                                                             color: '#ff8201'
    185                                                         }}>TOTAL</TableCell>
    186                                                         <TableCell align="right" sx={{
    187                                                             fontWeight: 'bold',
    188                                                             fontSize: '1.1rem',
    189                                                             color: 'primary.main'
    190                                                         }}>
     142                                                    <TableRow sx={{ bgcolor: '#424343' }}>
     143                                                        <TableCell colSpan={2} sx={{ fontWeight: 'bold', color: '#ff8201' }}>TOTAL</TableCell>
     144                                                        <TableCell align="right" sx={{ fontWeight: 'bold', fontSize: '1.1rem', color: 'primary.main' }}>
    191145                                                            {formatPrice(details.totalPrice)}
    192146                                                        </TableCell>
    … …  
    197151
    198152                                        <Grid item xs={12} md={4}>
    199                                             <Box sx={{bgcolor: '#424343', p: 2, borderRadius: 2, mb: 2}}>
    200                                                 <Typography color="primary.main" gutterBottom fontWeight="bold">Builder's
    201                                                     Notes</Typography>
    202                                                 <Typography color="primary.main" variant="body2"
    203                                                             sx={{fontStyle: 'italic'}}>
     153                                            <Box sx={{ bgcolor: '#424343', p: 2, borderRadius: 2, mb: 2 }}>
     154                                                <Typography color="primary.main" gutterBottom fontWeight="bold">Builder's Notes</Typography>
     155                                                <Typography color="primary.main" variant="body2" sx={{ fontStyle: 'italic' }}>
    204156                                                    "{details.description || "No notes provided."}"
    205157                                                </Typography>
    206158                                            </Box>
    207159
    208                                             <Box sx={{display: 'flex', flexDirection: 'column', gap: 1}}>
    209                                                 {isDashboardView && isOwner ? (
    210                                                     <Button
    211                                                         variant="contained"
    212                                                         color="primary"
    213                                                         size="large"
    214                                                         startIcon={<AutoFixHighIcon/>}
    215                                                         onClick={() => {
    216                                                             window.location.href = `/forge?buildId=${details.id}`;
    217                                                             onClose();
    218                                                         }}
    219                                                     >
    220                                                         Edit Build
    221                                                     </Button>
    222                                                 ) : (
    223                                                     <Button
    224                                                         variant="contained"
    225                                                         color="primary"
    226                                                         size="large"
    227                                                         startIcon={<AutoFixHighIcon/>}
    228                                                         onClick={() => {
    229                                                             setCloningBuildId(details.id);
    230                                                             setCloneDialogOpen(true);
    231                                                         }}
    232                                                     >
    233                                                         Clone & Edit
    234                                                     </Button>
    235                                                 )}
     160                                            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
     161                                                <Button
     162                                                    variant="contained"
     163                                                    color="primary"
     164                                                    size="large"
     165                                                    startIcon={<AutoFixHighIcon />}
     166                                                    onClick={() => {
     167                                                        setCloningBuildId(details.id);
     168                                                        setCloneDialogOpen(true);
     169                                                    }}
     170                                                >
     171                                                    Clone & Edit
     172                                                </Button>
    236173                                                <Button
    237174                                                    variant={details.isFavorite ? "contained" : "outlined"}
    238175                                                    color={details.isFavorite ? "error" : "primary"}
    239                                                     startIcon={details.isFavorite ? <FavoriteIcon/> :
    240                                                         <FavoriteBorderIcon/>}
     176                                                    startIcon={details.isFavorite ? <FavoriteIcon /> : <FavoriteBorderIcon />}
    241177                                                    onClick={handleFavorite}
    242178                                                >
    … …  
    250186                                {tabIndex === 1 && (
    251187                                    <Box>
    252                                         <Box sx={{
    253                                             display: 'flex',
    254                                             alignItems: 'center',
    255                                             gap: 2,
    256                                             mb: 4,
    257                                             p: 2,
    258                                             bgcolor: '#5e5e5e',
    259                                             borderRadius: 2
    260                                         }}>
    261                                             <Typography variant="h3"
    262                                                         fontWeight="bold">{details.ratingStatistics.averageRating.toFixed(1)}</Typography>
     188                                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mb: 4, p: 2, bgcolor: '#5e5e5e', borderRadius: 2 }}>
     189                                            <Typography variant="h3" fontWeight="bold">{details.ratingStatistics.averageRating.toFixed(1)}</Typography>
    263190                                            <Box>
    264                                                 <Rating value={details.ratingStatistics.averageRating} readOnly
    265                                                         precision={0.5}/>
    266                                                 <Typography variant="body2"
    267                                                             color="text.secondary">{details.ratingStatistics.ratingCount} ratings</Typography>
     191                                                <Rating value={details.ratingStatistics.averageRating} readOnly precision={0.5} />
     192                                                <Typography variant="body2" color="text.secondary">{details.ratingStatistics.ratingCount} ratings</Typography>
    268193                                            </Box>
    269194                                        </Box>
    270195
    271196                                        {currentUser && details.userId !== currentUser.id && (
    272                                             <Box sx={{mb: 4, p: 2, border: '1px solid #ddd', borderRadius: 2}}>
     197                                            <Box sx={{ mb: 4, p: 2, border: '1px solid #ddd', borderRadius: 2 }}>
    273198                                                <Typography variant="subtitle2" gutterBottom>Your Review</Typography>
    274                                                 <Box sx={{display: 'flex', alignItems: 'center', mb: 1}}>
    275                                                     <Rating value={ratingVal}
    276                                                             onChange={(_, v) => setRatingVal(v || 5)}/>
     199                                                <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>
     200                                                    <Rating value={ratingVal} onChange={(_, v) => setRatingVal(v || 5)} />
    277201                                                </Box>
    278202                                                <TextField
    … …  
    283207                                                    value={reviewText}
    284208                                                    onChange={(e) => setReviewText(e.target.value)}
    285                                                     sx={{mb: 1}}
     209                                                    sx={{ mb: 1 }}
    286210                                                />
    287211                                                <Button size="small" variant="contained" onClick={handleSubmitReview}>
    … …  
    292216
    293217                                        {currentUser && details.userId === currentUser.id && (
    294                                             <Alert severity="info" sx={{mb: 4}}>
     218                                            <Alert severity="info" sx={{ mb: 4 }}>
    295219                                                You cannot rate your own builds.
    296220                                            </Alert>
    297221                                        )}
    298222
    299                                         <Box sx={{display: 'flex', flexDirection: 'column', gap: 2}}>
     223                                        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
    300224                                            {details.reviews.map((rev: any, i: number) => (
    301                                                 <Box key={i} sx={{pb: 2, borderBottom: '1px solid #eee'}}>
    302                                                     <Box sx={{
    303                                                         display: 'flex',
    304                                                         justifyContent: 'space-between',
    305                                                         mb: 0.5
    306                                                     }}>
    307                                                         <Typography fontWeight="bold"
    308                                                                     variant="body2">{rev.username}</Typography>
    309                                                         <Typography variant="caption"
    310                                                                     color="text.secondary">{rev.createdAt}</Typography>
     225                                                <Box key={i} sx={{ pb: 2, borderBottom: '1px solid #eee' }}>
     226                                                    <Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 0.5 }}>
     227                                                        <Typography fontWeight="bold" variant="body2">{rev.username}</Typography>
     228                                                        <Typography variant="caption" color="text.secondary">{rev.createdAt}</Typography>
    311229                                                    </Box>
    312230                                                    <Typography variant="body2">{rev.content}</Typography>
    … …  
    314232                                            ))}
    315233                                            {details.reviews.length === 0 && (
    316                                                 <Typography color="text.secondary" align="center">No reviews yet. Be the
    317                                                     first!</Typography>
     234                                                <Typography color="text.secondary" align="center">No reviews yet. Be the first!</Typography>
    318235                                            )}
    319236                                        </Box>

  • pages/dashboard/admin/+Page.tsx

    rf46bf5c rdda6f51  
    1919import BuildCard from '../../../components/BuildCard';
    2020import BuildDetailsDialog from '../../../components/BuildDetailsDialog';
    21 import DeleteIcon from "@mui/icons-material/Delete";
    22 import {onDeleteBuild} from "../user/userDashboard.telefunc";
    2321
    2422export default function AdminDashboard() {
    … …  
    2624    const [loading, setLoading] = useState(true);
    2725    const [selectedBuildId, setSelectedBuildId] = useState<number | null>(null);
    28     const [deleteDialog, setDeleteDialog] = useState<{ open: boolean, buildId: number | null, buildName: string }>({ open: false, buildId: null, buildName: '' });
    29     const [deleteLoading, setDeleteLoading] = useState(false);
    30 
     26
     27    // Build approval dialog state
    3128    const [buildApprovalDialog, setBuildApprovalDialog] = useState<{
    3229        open: boolean,
    … …  
    110107        } catch (e) {
    111108            alert("Failed to update suggestion");
    112         }
    113     };
    114 
    115     const openDeleteDialog = (buildId: number, buildName: string) => {
    116         setDeleteDialog({ open: true, buildId, buildName });
    117     };
    118 
    119     const handleDelete = async () => {
    120         if (!deleteDialog.buildId) return;
    121         setDeleteLoading(true);
    122         try {
    123             await onDeleteBuild({buildId: deleteDialog.buildId});
    124             setDeleteDialog({ open: false, buildId: null, buildName: '' });
    125             loadData(); // refresh na user i favorite builds
    126             setSelectedBuildId(null);
    127         } catch (e) {
    128             alert("Failed to delete build");
    129         } finally {
    130             setDeleteLoading(false);
    131109        }
    132110    };
    … …  
    275253                                    <Grid container spacing={2}>
    276254                                        {data.userBuilds.slice(0, 4).map((build: any) => (
    277                                             <Grid item xs={12} sm={6} md={4} key={build.id}>
    278                                                 <Box sx={{ position: 'relative' }}>
    279                                                     <BuildCard
    280                                                         build={build}
    281                                                         onClick={() => setSelectedBuildId(build.id)}
    282                                                     />
    283                                                     <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
    284                                                         <Button
    285                                                             variant="outlined"
    286                                                             color="error"
    287                                                             size="small"
    288                                                             startIcon={<DeleteIcon />}
    289                                                             onClick={(e) => {
    290                                                                 e.stopPropagation();
    291                                                                 openDeleteDialog(build.id, build.name);
    292                                                             }}
    293                                                             sx={{ width: '100%' }}
    294                                                         >
    295                                                             Delete
    296                                                         </Button>
    297                                                     </Box>
    298                                                 </Box>
     255                                            <Grid item xs={12} md={3} key={build.id}>
     256                                                <BuildCard
     257                                                    build={build}
     258                                                    onClick={() => setSelectedBuildId(build.id)}
     259                                                />
    299260                                            </Grid>
    300261                                        ))}
    … …  
    368329            </Dialog>
    369330
    370             <Dialog open={deleteDialog.open} onClose={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}>
    371                 <DialogTitle>Delete Build</DialogTitle>
    372                 <DialogContent>
    373                     <Typography variant="h6" gutterBottom>{deleteDialog.buildName}</Typography>
    374                     <Typography color="text.secondary">
    375                         Are you sure you want to permanently delete this build? This action cannot be undone.
    376                     </Typography>
    377                 </DialogContent>
    378                 <DialogActions>
    379                     <Button
    380                         onClick={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}
    381                         disabled={deleteLoading}
    382                     >
    383                         Cancel
    384                     </Button>
    385                     <Button
    386                         onClick={handleDelete}
    387                         variant="contained"
    388                         color="error"
    389                         disabled={deleteLoading}
    390                         startIcon={deleteLoading ? <CircularProgress size={20} /> : <DeleteIcon />}
    391                     >
    392                         {deleteLoading ? 'Deleting...' : 'Delete Build'}
    393                     </Button>
    394                 </DialogActions>
    395             </Dialog>
    396 
    397331            <BuildDetailsDialog
    398332                open={!!selectedBuildId}
    … …  
    401335                onClose={() => setSelectedBuildId(null)}
    402336                onClone={() => alert("Clone disabled in admin view")}
    403                 isDashboardView={true}
    404337            />
    405338        </Container>

  • pages/dashboard/user/+Page.tsx

    rf46bf5c rdda6f51  
    1717} from '@mui/material';
    1818import CloseIcon from '@mui/icons-material/Close';
    19 import DeleteIcon from '@mui/icons-material/Delete';
    2019
    2120import PersonIcon from '@mui/icons-material/Person';
    … …  
    3938    const [loading, setLoading] = useState(true);
    4039    const [error, setError] = useState<string | null>(null);
     40
    4141    const [openMyBuildsDialog, setOpenMyBuildsDialog] = useState(false);
    4242    const [openFavoritesDialog, setOpenFavoritesDialog] = useState(false);
     43
    4344    const [selectedBuildId, setSelectedBuildId] = useState<number | null>(null);
    44     const [deleteDialog, setDeleteDialog] = useState<{ open: boolean, buildId: number | null, buildName: string }>({ open: false, buildId: null, buildName: '' });
    45     const [deleteLoading, setDeleteLoading] = useState(false);
    4645
    4746    const loadData = () => {
    … …  
    6261    }, []);
    6362
    64     const openDeleteDialog = (buildId: number, buildName: string) => {
    65         setDeleteDialog({ open: true, buildId, buildName });
    66     };
    67 
    68     const handleDelete = async () => {
    69         if (!deleteDialog.buildId) return;
    70         setDeleteLoading(true);
     63    const handleDelete = async (buildId: number) => {
     64        if (!confirm("Are you sure you want to delete this build?")) return;
    7165        try {
    72             await onDeleteBuild({buildId: deleteDialog.buildId});
    73             setDeleteDialog({ open: false, buildId: null, buildName: '' });
    74             loadData(); // refresh na user i favorite builds
     66            await onDeleteBuild({buildId});
     67            loadData();
    7568            setSelectedBuildId(null);
    7669        } catch (e) {
    7770            alert("Failed to delete build");
    78         } finally {
    79             setDeleteLoading(false);
    8071        }
    8172    };
    … …  
    9586                                                                                        variant="h6">{error}</Typography><Button
    9687        href="/auth/login" variant="contained">Login</Button></Container>;
     88    // console.log("Current User ID passed to dialog:", data?.user?.id);
    9789
    9890    return (
    … …  
    158150                        <Grid item xs={12}>
    159151                            <Paper elevation={3} sx={{p: 3, minHeight: '300px', bgcolor: '#1e1e1e'}}>
     152
    160153                                <Box sx={{
    161154                                    display: 'flex',
    … …  
    192185                                        {data.userBuilds.slice(0, 4).map((build: any) => (
    193186                                            <Grid item xs={12} sm={6} md={4} key={build.id}>
    194                                                 <Box sx={{ position: 'relative' }}>
    195                                                     <BuildCard
    196                                                         build={build}
    197                                                         onClick={() => setSelectedBuildId(build.id)}
    198                                                     />
    199                                                     <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
    200                                                         <Button
    201                                                             variant="outlined"
    202                                                             color="error"
    203                                                             size="small"
    204                                                             startIcon={<DeleteIcon />}
    205                                                             onClick={(e) => {
    206                                                                 e.stopPropagation();
    207                                                                 openDeleteDialog(build.id, build.name);
    208                                                             }}
    209                                                             sx={{ width: '100%' }}
    210                                                         >
    211                                                             Delete
    212                                                         </Button>
    213                                                     </Box>
    214                                                 </Box>
     187                                                <BuildCard
     188                                                    build={build}
     189                                                    onClick={() => setSelectedBuildId(build.id)}
     190                                                />
    215191                                            </Grid>
    216192                                        ))}
    … …  
    232208                                    {data.userBuilds.map((build: any) => (
    233209                                        <Grid item xs={12} sm={6} md={4} key={build.id}>
    234                                             <Box sx={{ position: 'relative' }}>
    235                                                 <BuildCard
    236                                                     build={build}
    237                                                     onClick={() => {
    238                                                         setOpenMyBuildsDialog(false);
    239                                                         setSelectedBuildId(build.id);
    240                                                     }}
    241                                                 />
    242                                                 <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
    243                                                     <Button
    244                                                         variant="outlined"
    245                                                         color="error"
    246                                                         size="small"
    247                                                         startIcon={<DeleteIcon />}
    248                                                         onClick={(e) => {
    249                                                             e.stopPropagation();
    250                                                             openDeleteDialog(build.id, build.name);
    251                                                         }}
    252                                                         sx={{ width: '100%' }}
    253                                                     >
    254                                                         Delete
    255                                                     </Button>
    256                                                 </Box>
    257                                             </Box>
     210                                            <BuildCard
     211                                                build={build}
     212                                                onClick={() => {
     213                                                    setOpenMyBuildsDialog(false);
     214                                                    setSelectedBuildId(build.id);
     215                                                }}
     216                                            />
    258217                                        </Grid>
    259218                                    ))}
    … …  
    293252                        </Dialog>
    294253
    295                         <Dialog open={deleteDialog.open} onClose={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}>
    296                             <DialogTitle>Delete Build</DialogTitle>
    297                             <DialogContent>
    298                                 <Typography variant="h6" gutterBottom>{deleteDialog.buildName}</Typography>
    299                                 <Typography color="text.secondary">
    300                                     Are you sure you want to permanently delete this build? This action cannot be undone.
    301                                 </Typography>
    302                             </DialogContent>
    303                             <DialogActions>
    304                                 <Button
    305                                     onClick={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}
    306                                     disabled={deleteLoading}
    307                                 >
    308                                     Cancel
    309                                 </Button>
    310                                 <Button
    311                                     onClick={handleDelete}
    312                                     variant="contained"
    313                                     color="error"
    314                                     disabled={deleteLoading}
    315                                     startIcon={deleteLoading ? <CircularProgress size={20} /> : <DeleteIcon />}
    316                                 >
    317                                     {deleteLoading ? 'Deleting...' : 'Delete Build'}
    318                                 </Button>
    319                             </DialogActions>
    320                         </Dialog>
    321 
    322254                    </Grid>
    323255                </Grid>
    … …  
    333265                }}
    334266                onClone={handleCloneWrapper}
    335                 isDashboardView={true}
    336267            />
    337268        </Container>

  • pages/forge/+Page.tsx

    rf46bf5c rdda6f51  
    131131            let id = buildId;
    132132            if (!id) {
    133                 const result = await onAddNewBuild({
    134                     name: buildName.trim() || "New Build",
    135                     description: description || "Work in progress"
    136                 });
     133                const result = await onAddNewBuild({name: "Draft Build", description: "Work in progress"});
    137134                id = typeof result === 'number' ? result : (result as any)?.buildId;
    138135                if (!id || !Number.isInteger(id) || id <= 0) {
    … …  
    153150            await onAddComponentToBuild({buildId: id, componentId: component.id});
    154151        } catch (e) {
     152            // console.error("Failed to add component to server build", e);
    155153            alert("Failed to add component. Please try again.");
    156154        } finally {
    … …  
    158156        }
    159157    };
    160 
    161158
    162159    const handleRemovePart = async (slotId: string) => {
Note: See TracChangeset for help on using the changeset viewer.