Index: pages/completed-builds/+Page.tsx =================================================================== --- pages/completed-builds/+Page.tsx (revision f72725276adbe73846f24a98b24485847de7ecd6) +++ pages/completed-builds/+Page.tsx (revision 546a19403d89dc82739b1540b4eac3597ec29423) @@ -9,5 +9,5 @@ import BuildCard from '../../components/BuildCard'; import BuildDetailsDialog from '../../components/BuildDetailsDialog'; -import { onGetApprovedBuilds, onCloneBuild, onGetAuthState } from '../+Layout.telefunc'; +import { onGetApprovedBuilds, onGetAuthState } from '../+Layout.telefunc'; export default function CompletedBuildsPage() { @@ -65,15 +65,6 @@ useEffect(() => { - loadBuilds(); + void loadBuilds(); }, [sortBy, searchQuery]); - - const handleClone = async (buildId: number) => { - if (!userId) return alert("Please login to clone builds!"); - if (confirm(`Clone this build?`)) { - await onCloneBuild({buildId}); - alert("Build cloned!"); - setSelectedBuildId(null); - } - }; return ( @@ -102,6 +93,8 @@ value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} - InputProps={{ - startAdornment: , + slotProps={{ + input: { + startAdornment: , + } }} sx={{ mb: 3 }} @@ -193,5 +186,4 @@ currentUser={userId} onClose={() => setSelectedBuildId(null)} - onClone={handleClone} /> Index: pages/dashboard/admin/+Page.tsx =================================================================== --- pages/dashboard/admin/+Page.tsx (revision f72725276adbe73846f24a98b24485847de7ecd6) +++ pages/dashboard/admin/+Page.tsx (revision 546a19403d89dc82739b1540b4eac3597ec29423) @@ -1,5 +1,5 @@ import React, {useEffect, useState} from 'react'; import { - Container, Grid, Paper, Typography, Box, Avatar, Divider, Button, + Container, Paper, Typography, Box, Avatar, Divider, Button, CircularProgress, Table, TableBody, TableCell, TableHead, TableRow, Chip, IconButton, TextField, Dialog, DialogTitle, DialogContent, DialogActions @@ -173,6 +173,13 @@ return ( - - + + - - - - - - - - - - Component Suggestions ({data.componentSuggestions?.length || 0}) - - - - {data.componentSuggestions?.length === 0 ? ( - No suggestions. - ) : ( - - - - Link/Description - Type - User - Status - Actions - - - - {data.componentSuggestions?.map((sug: any) => ( - - - - {sug.description || sug.link} - - - {sug.componentType?.toUpperCase()} - {sug.userId} - - + + + + + + + Component Suggestions ({data.componentSuggestions?.length || 0}) + + + + {data.componentSuggestions?.length === 0 ? ( + No suggestions. + ) : ( + +
+ + + Link/Description + Type + User + Status + Actions + + + + {data.componentSuggestions?.map((sug: any) => ( + + + + {sug.description || sug.link} + + + + {sug.componentType?.toUpperCase()} + + + {sug.user?.username || `${sug.userId}`} + + + + + + {sug.status === 'pending' ? ( + <> + openSuggestionReview(sug.id, 'approved')} + > + + + openSuggestionReview(sug.id, 'rejected')} + > + + + + ) : sug.status === 'approved' ? ( + - ) : ( - - {sug.adminComment || 'Rejected'} - - )} - - - ))} - -
- )} - - - - - - - - - Builds Waiting for Approval ({data.pendingBuilds?.length || 0}) - - - - {data.pendingBuilds?.length === 0 ? ( - No pending builds. - ) : ( - - {data.pendingBuilds.map((build: any) => ( - - - setSelectedBuildId(build.id)} - /> - - - - - + ) : ( + + {sug.adminComment || 'Rejected'} + + )} + + ))} - - )} - - - - - - - My Builds / Sandbox - - {data.userBuilds?.length === 0 ? ( - No builds created by admin. - ) : ( - - {data.userBuilds.slice(0, 4).map((build: any) => ( - - - setSelectedBuildId(build.id)} - /> - - - - - - ))} - - )} - - - - - + + + + )} + + + + + + + Builds Waiting for Approval ({data.pendingBuilds?.length || 0}) + + + + {data.pendingBuilds?.length === 0 ? ( + No pending builds. + ) : ( + + {data.pendingBuilds.map((build: any) => ( + + setSelectedBuildId(build.id)} + /> + + + + + ))} + + )} + + + + + My Builds / Sandbox + + {data.userBuilds?.length === 0 ? ( + No builds created by admin. + ) : ( + + {data.userBuilds.slice(0, 4).map((build: any) => ( + + setSelectedBuildId(build.id)} + /> + + + + + ))} + + )} + + + setCreateComponentDialog({ open: false, suggestion: null })} + onClose={() => setCreateComponentDialog({open: false, suggestion: null})} onSuccess={() => { loadData(); - setCreateComponentDialog({ open: false, suggestion: null }); + setCreateComponentDialog({open: false, suggestion: null}); }} prefillData={createComponentDialog.suggestion ? { Index: pages/dashboard/user/+Page.tsx =================================================================== --- pages/dashboard/user/+Page.tsx (revision f72725276adbe73846f24a98b24485847de7ecd6) +++ pages/dashboard/user/+Page.tsx (revision 546a19403d89dc82739b1540b4eac3597ec29423) @@ -10,5 +10,4 @@ CircularProgress, IconButton, - Grid, Dialog, DialogTitle, @@ -24,5 +23,4 @@ import {getUserInfoAndData, onDeleteBuild} from "./userDashboard.telefunc"; -import {onCloneBuild} from "../../+Layout.telefunc"; import BuildCard from "../../../components/BuildCard"; @@ -72,5 +70,5 @@ await onDeleteBuild({buildId: deleteDialog.buildId}); setDeleteDialog({ open: false, buildId: null, buildName: '' }); - loadData(); // refresh na user i favorite builds + loadData(); setSelectedBuildId(null); } catch (e) { @@ -81,246 +79,274 @@ }; - const handleCloneWrapper = async (buildId: number) => { - if (!data?.user) return alert("Please login to clone builds!"); - if (confirm(`Clone this build to your dashboard?`)) { - await onCloneBuild({buildId}); - alert("Build cloned! Check your dashboard."); - setSelectedBuildId(null); - loadData(); - } - }; - if (loading) return ; - if (error || !data) return {error}; + if (error || !data) return {error}; return ( - - - - - + + + + + + + {data.user.username} {data.user.email} - - - - - - - - - - - Favorited Builds - - - {data.favoriteBuilds.length > 4 && ( + + + + + + + + Favorited Builds + + + {data.favoriteBuilds.length > 6 && ( + + )} + + + + {data.favoriteBuilds.length === 0 ? ( + + You haven't favorited any builds yet. + + ) : ( + + {data.favoriteBuilds.slice(0, 6).map((build: any) => ( + setSelectedBuildId(build.id)} + /> + ))} + + )} + + + + + + + My Builds + + + {data.userBuilds.length > 6 && ( + + )} + + + + {data.userBuilds.length === 0 ? ( + + + You haven't created any builds yet. + + + + ) : ( + + {data.userBuilds.slice(0, 6).map((build: any) => ( + + + setSelectedBuildId(build.id)} + /> + - )} + + ))} + + )} + + + + + setOpenMyBuildsDialog(false)} maxWidth="xl" fullWidth> + + All My Builds + setOpenMyBuildsDialog(false)}> + + + + + + {data.userBuilds.map((build: any) => ( + + { + setOpenMyBuildsDialog(false); + setSelectedBuildId(build.id); + }} + /> + + - - - {data.favoriteBuilds.length === 0 ? ( - You haven't favorited - any builds yet. - ) : ( - - {data.favoriteBuilds.slice(0, 4).map((build: any) => ( - - setSelectedBuildId(build.id)} - /> - - ))} - - )} - - - - - - - - - My Builds - - - {data.userBuilds.length > 4 && ( - - )} - - - - {data.userBuilds.length === 0 ? ( - - You haven't created any builds - yet. - - - ) : ( - - {data.userBuilds.slice(0, 4).map((build: any) => ( - - - setSelectedBuildId(build.id)} - /> - - - - - - ))} - - )} - - - - setOpenMyBuildsDialog(false)} maxWidth="lg" - fullWidth> - - All My Builds - setOpenMyBuildsDialog(false)}> - - - - - - {data.userBuilds.map((build: any) => ( - - - { - setOpenMyBuildsDialog(false); - setSelectedBuildId(build.id); - }} - /> - - - - - - ))} - - - - - - - - setOpenFavoritesDialog(false)} maxWidth="lg" - fullWidth> - - All Favorited Builds - setOpenFavoritesDialog(false)}> - - - - - - {data.favoriteBuilds.map((build: any) => ( - - { - setOpenFavoritesDialog(false); - setSelectedBuildId(build.id); - }} - /> - - ))} - - - - - - - - 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. - - - - - - - - - - - + + ))} + + + + + + + + setOpenFavoritesDialog(false)} maxWidth="xl" fullWidth> + + All Favorited Builds + setOpenFavoritesDialog(false)}> + + + + + + {data.favoriteBuilds.map((build: any) => ( + { + setOpenFavoritesDialog(false); + setSelectedBuildId(build.id); + }} + /> + ))} + + + + + + + + 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. + + + + + + +