mirror of
https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git
synced 2025-08-11 21:23:54 -04:00
Compare commits
2 commits
09f7af313c
...
b4d981527c
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b4d981527c | ||
|
|
3071e2e26c |
2 changed files with 45 additions and 0 deletions
|
|
@ -0,0 +1 @@
|
|||
//TODO TESTS
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
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