import * as React from 'react'; import DeleteIcon from '@mui/icons-material/Delete'; import { Dialog, DialogContent, ImageList,ImageListItem, ImageListItemBar } from '@mui/material'; import { IconButton } from '@mui/material'; import { useEffect, useState } from "react"; const EditableArtistPortfolioImage = ({ artistId, itemId, reload }) => { const [loaded, setLoaded] = useState(false); const [deleting, setDeleting] = useState(false); const [openDialog, setOpenDialog] = useState(false); // State for controlling the dialog const handleImageLoaded = () => { setLoaded(true); }; const deleteButton = () => { setDeleting(true); fetch('/api/artist/portfolio/' + itemId + "/delete", { method: 'DELETE' }).then(response => { reload().then(data => { }) }) } return ( <> setOpenDialog(true)}> {itemId} }> {/* Dialog for displaying full-screen image */} setOpenDialog(false)}> {itemId} ); } export default EditableArtistPortfolioImage;