mirror of
https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git
synced 2025-08-11 21:23:54 -04:00
Compare commits
No commits in common. "b4d981527c4636a108f49cc89a06daa2371c5e8d" and "09f7af313c52d08e1d6f11080c9af139630b6393" have entirely different histories.
b4d981527c
...
09f7af313c
2 changed files with 0 additions and 45 deletions
|
|
@ -1 +0,0 @@
|
|||
//TODO TESTS
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import {
|
||||
Button,
|
||||
IconButton,
|
||||
Dialog,
|
||||
DialogContent,
|
||||
} from "@mui/material";
|
||||
import CloseIcon from "@mui/icons-material/Close";
|
||||
import ImageGallery from "../ImageGallery";
|
||||
|
||||
const ImageGalleryModal: React.FC = () => {
|
||||
const [open, setOpen] = useState<boolean>(false);
|
||||
|
||||
const handleOpen = () => setOpen(true);
|
||||
const handleClose = () => setOpen(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Button variant="contained" color="primary" onClick={handleOpen}>
|
||||
Open Image Manager
|
||||
</Button>
|
||||
<Dialog open={open} onClose={handleClose} maxWidth="md" fullWidth>
|
||||
<DialogContent sx={{ display: "flex", flexDirection: "column", alignItems: "center", py: 3 }}>
|
||||
<IconButton
|
||||
onClick={handleClose}
|
||||
color="primary"
|
||||
sx={{
|
||||
position: "absolute",
|
||||
right: 8,
|
||||
top: 8,
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
<CloseIcon />
|
||||
</IconButton>
|
||||
|
||||
<ImageGallery />
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ImageGalleryModal;
|
||||
Loading…
Reference in a new issue