Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-07 05:55:44 +01:00
Code Issues Packages Projects Releases Activity

add extra root for modals and use it

Browse Source
This commit is contained in:
Maren Süwer
2019-02-01 08:47:38 +01:00
parent 1f68019780
commit 9e9b3b14d7
2 changed files with 8 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
scm-ui-components/packages/ui-components/src/modals/ConfirmAlert.js
View File

@@ -1,8 +1,6 @@
// @flow
//modified from https://github.com/GA-MO/react-confirm-alert
import * as React from "react";
import { render, unmountComponentAtNode } from "react-dom";
import ReactDOM from "react-dom";
import "./ConfirmAlert.css";
type Button = {
@@ -25,7 +23,7 @@ class ConfirmAlert extends React.Component<Props> {
};
close = () => {
removeElementReconfirm();
ReactDOM.unmountComponentAtNode(document.getElementById("modalRoot"));
};
render() {
@@ -67,27 +65,11 @@ class ConfirmAlert extends React.Component<Props> {
}
}
function createElementReconfirm(properties: Props) {
const divTarget = document.createElement("div");
divTarget.id = "react-confirm-alert";
if (document.body) {
document.body.appendChild(divTarget);
render(<ConfirmAlert {...properties} />, divTarget);
}
}
function removeElementReconfirm() {
const target = document.getElementById("react-confirm-alert");
if (target) {
unmountComponentAtNode(target);
if (target.parentNode) {
target.parentNode.removeChild(target);
}
}
}
export function confirmAlert(properties: Props) {
createElementReconfirm(properties);
const root = document.getElementById("modalRoot");
if(root){
ReactDOM.render(<ConfirmAlert {...properties}/>, root);
}
}
export default ConfirmAlert;