Index: components/BuildDetailsDialog.tsx =================================================================== --- components/BuildDetailsDialog.tsx (revision dda6f510ec987719a7348d64c6a1bbfbcfc4aa8c) +++ components/BuildDetailsDialog.tsx (revision f46bf5c322f1f32f3981533296aae0f885e8361e) @@ -10,8 +10,18 @@ import PersonIcon from "@mui/icons-material/Person"; import {onGetBuildDetails, onSetReview, onToggleFavorite, onCloneBuild, onSetRating} from '../pages/+Layout.telefunc'; - -const formatPrice = (price: any) => new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(Number(price) || 0); - -export default function BuildDetailsDialog({ open, buildId, onClose, currentUser }: any) { +import {onGetBuildState} from '../pages/forge/forge.telefunc'; + +const formatPrice = (price: any) => new Intl.NumberFormat('en-US', { + style: 'currency', + currency: 'USD' +}).format(Number(price) || 0); + +export default function BuildDetailsDialog({open, buildId, onClose, currentUser, isDashboardView = false}: { + open: boolean; + buildId: number | null; + onClose: () => void; + currentUser: any; + isDashboardView?: boolean; +}) { const [details, setDetails] = useState(null); const [loading, setLoading] = useState(false); @@ -19,15 +29,17 @@ const [cloneDialogOpen, setCloneDialogOpen] = useState(false); const [cloningBuildId, setCloningBuildId] = useState(null); + const [isOwner, setIsOwner] = useState(false); const [reviewText, setReviewText] = useState(""); const [ratingVal, setRatingVal] = useState(5); + // Main details fetch useEffect(() => { - if (open && buildId) { + if (open && buildId !== null && typeof buildId === 'number') { setLoading(true); setReviewText(""); setRatingVal(5); - onGetBuildDetails({ buildId }) + onGetBuildDetails({buildId}) .then(data => { setDetails(data); @@ -39,17 +51,29 @@ }, [open, buildId]); + // Ownership check for edit button + useEffect(() => { + if (open && buildId !== null && typeof buildId === 'number') { + onGetBuildState({ buildId }) // ← Only buildId, no userId! + .then(state => { + setIsOwner(!!state); + }) + .catch(() => setIsOwner(false)); + } else { + setIsOwner(false); + } + }, [open, buildId]); + const handleFavorite = async () => { - if (!currentUser) return alert("Please login to favorite builds."); - const res = await onToggleFavorite({ buildId }); - setDetails((prev: any) => ({ ...prev, isFavorite: res })); + if (!currentUser || buildId === null) return alert("Please login to favorite builds."); + const res = await onToggleFavorite({buildId}); + setDetails((prev: any) => ({...prev, isFavorite: res})); }; const handleSubmitReview = async () => { - if (!currentUser) return alert("Please login to review."); + if (!currentUser || buildId === null) return alert("Please login to review."); await onSetReview({ buildId, content: reviewText, - // rating: ratingVal }); @@ -57,7 +81,7 @@ buildId, value: ratingVal - }) - - const refreshed = await onGetBuildDetails({ buildId }); + }); + + const refreshed = await onGetBuildDetails({buildId}); setDetails(refreshed); }; @@ -68,7 +92,5 @@ try { const newBuildId = await onCloneBuild({ buildId: cloningBuildId }); - window.location.href = `/forge?buildId=${newBuildId}`; - setCloneDialogOpen(false); setCloningBuildId(null); @@ -78,5 +100,4 @@ }; - if (!open) return null; @@ -85,30 +106,44 @@ {loading || !details ? ( - Loading Forge Schematics... + Loading Forge Schematics... ) : ( <> - + {details.name} - - + + by {details.creator} - + - + - - + + setTabIndex(v)}> - - + + - + {tabIndex === 0 && ( @@ -118,9 +153,9 @@ {details.components.map((comp: any) => ( - + {comp.type?.substring(0, 3)?.toUpperCase()} @@ -128,5 +163,8 @@ - + {comp.type} @@ -135,12 +173,20 @@ - + {formatPrice(comp.price)} ))} - - TOTAL - + + TOTAL + {formatPrice(details.totalPrice)} @@ -151,28 +197,46 @@ - - Builder's Notes - + + Builder's + Notes + "{details.description || "No notes provided."}" - - + + {isDashboardView && isOwner ? ( + + ) : ( + + )} + + ))} @@ -329,4 +368,31 @@ + setDeleteDialog({ open: false, buildId: null, buildName: '' })}> + Delete Build + + {deleteDialog.buildName} + + Are you sure you want to permanently delete this build? This action cannot be undone. + + + + + + + + setSelectedBuildId(null)} onClone={() => alert("Clone disabled in admin view")} + isDashboardView={true} /> Index: pages/dashboard/user/+Page.tsx =================================================================== --- pages/dashboard/user/+Page.tsx (revision dda6f510ec987719a7348d64c6a1bbfbcfc4aa8c) +++ pages/dashboard/user/+Page.tsx (revision f46bf5c322f1f32f3981533296aae0f885e8361e) @@ -17,4 +17,5 @@ } from '@mui/material'; import CloseIcon from '@mui/icons-material/Close'; +import DeleteIcon from '@mui/icons-material/Delete'; import PersonIcon from '@mui/icons-material/Person'; @@ -38,9 +39,9 @@ const [loading, setLoading] = useState(true); const [error, setError] = useState(null); - const [openMyBuildsDialog, setOpenMyBuildsDialog] = useState(false); const [openFavoritesDialog, setOpenFavoritesDialog] = useState(false); - const [selectedBuildId, setSelectedBuildId] = useState(null); + const [deleteDialog, setDeleteDialog] = useState<{ open: boolean, buildId: number | null, buildName: string }>({ open: false, buildId: null, buildName: '' }); + const [deleteLoading, setDeleteLoading] = useState(false); const loadData = () => { @@ -61,12 +62,20 @@ }, []); - const handleDelete = async (buildId: number) => { - if (!confirm("Are you sure you want to delete this build?")) return; + const openDeleteDialog = (buildId: number, buildName: string) => { + setDeleteDialog({ open: true, buildId, buildName }); + }; + + const handleDelete = async () => { + if (!deleteDialog.buildId) return; + setDeleteLoading(true); try { - await onDeleteBuild({buildId}); - loadData(); + await onDeleteBuild({buildId: deleteDialog.buildId}); + setDeleteDialog({ open: false, buildId: null, buildName: '' }); + loadData(); // refresh na user i favorite builds setSelectedBuildId(null); } catch (e) { alert("Failed to delete build"); + } finally { + setDeleteLoading(false); } }; @@ -86,5 +95,4 @@ variant="h6">{error}; - // console.log("Current User ID passed to dialog:", data?.user?.id); return ( @@ -150,5 +158,4 @@ - ( - setSelectedBuildId(build.id)} - /> + + setSelectedBuildId(build.id)} + /> + + + + ))} @@ -208,11 +232,28 @@ {data.userBuilds.map((build: any) => ( - { - setOpenMyBuildsDialog(false); - setSelectedBuildId(build.id); - }} - /> + + { + setOpenMyBuildsDialog(false); + setSelectedBuildId(build.id); + }} + /> + + + + ))} @@ -252,4 +293,31 @@ + setDeleteDialog({ open: false, buildId: null, buildName: '' })}> + Delete Build + + {deleteDialog.buildName} + + Are you sure you want to permanently delete this build? This action cannot be undone. + + + + + + + + @@ -265,4 +333,5 @@ }} onClone={handleCloneWrapper} + isDashboardView={true} /> Index: pages/forge/+Page.tsx =================================================================== --- pages/forge/+Page.tsx (revision dda6f510ec987719a7348d64c6a1bbfbcfc4aa8c) +++ pages/forge/+Page.tsx (revision f46bf5c322f1f32f3981533296aae0f885e8361e) @@ -131,5 +131,8 @@ let id = buildId; if (!id) { - const result = await onAddNewBuild({name: "Draft Build", description: "Work in progress"}); + const result = await onAddNewBuild({ + name: buildName.trim() || "New Build", + description: description || "Work in progress" + }); id = typeof result === 'number' ? result : (result as any)?.buildId; if (!id || !Number.isInteger(id) || id <= 0) { @@ -150,5 +153,4 @@ await onAddComponentToBuild({buildId: id, componentId: component.id}); } catch (e) { - // console.error("Failed to add component to server build", e); alert("Failed to add component. Please try again."); } finally { @@ -156,4 +158,5 @@ } }; + const handleRemovePart = async (slotId: string) => {