diff options
author | crupest <crupest@outlook.com> | 2023-08-26 21:36:58 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2023-08-26 21:36:58 +0800 |
commit | f5dfd52f6efece2f4cad227044ecf4dd66301bbc (patch) | |
tree | 0d64daae438ac6d95f0848a0b3387134d9528438 /FrontEnd/src/views/common/dialog/FullPageDialog.tsx | |
parent | 4daa84ede781cdf6f424d68c967a17c7e1c79f59 (diff) | |
download | timeline-f5dfd52f6efece2f4cad227044ecf4dd66301bbc.tar.gz timeline-f5dfd52f6efece2f4cad227044ecf4dd66301bbc.tar.bz2 timeline-f5dfd52f6efece2f4cad227044ecf4dd66301bbc.zip |
...
Diffstat (limited to 'FrontEnd/src/views/common/dialog/FullPageDialog.tsx')
-rw-r--r-- | FrontEnd/src/views/common/dialog/FullPageDialog.tsx | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/FrontEnd/src/views/common/dialog/FullPageDialog.tsx b/FrontEnd/src/views/common/dialog/FullPageDialog.tsx deleted file mode 100644 index 6368fc0a..00000000 --- a/FrontEnd/src/views/common/dialog/FullPageDialog.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import * as React from "react"; -import { createPortal } from "react-dom"; -import classnames from "classnames"; -import { CSSTransition } from "react-transition-group"; - -import "./FullPageDialog.css"; -import IconButton from "../button/IconButton"; - -export interface FullPageDialogProps { - show: boolean; - onBack: () => void; - contentContainerClassName?: string; - children: React.ReactNode; -} - -const FullPageDialog: React.FC<FullPageDialogProps> = ({ - show, - onBack, - children, - contentContainerClassName, -}) => { - return createPortal( - <CSSTransition - mountOnEnter - unmountOnExit - in={show} - timeout={300} - classNames="cru-full-page" - > - <div className="cru-full-page"> - <div className="cru-full-page-top-bar"> - <IconButton - icon="arrow-left" - className="ms-3 cru-full-page-back-button" - onClick={onBack} - /> - </div> - <div - className={classnames( - "cru-full-page-content-container", - contentContainerClassName - )} - > - {children} - </div> - </div> - </CSSTransition>, - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - document.getElementById("portal")! - ); -}; - -export default FullPageDialog; |