From bfb509c0e777205bd15473c44fa85936cf3e22eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 21 Nov 2018 21:54:49 +0000
Subject: [PATCH] chore(ui): use modal reference instead of class query

---
 ui/src/Components/Modal/index.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/Modal/index.js b/ui/src/Components/Modal/index.js
index 1f95bbade..829f676c7 100644
--- a/ui/src/Components/Modal/index.js
+++ b/ui/src/Components/Modal/index.js
@@ -18,10 +18,15 @@ const Modal = observer(
       children: PropTypes.node.isRequired
     };
 
+    constructor(props) {
+      super(props);
+      this.modalRef = React.createRef();
+    }
+
     toggleBodyClass = isOpen => {
       document.body.classList.toggle("modal-open", isOpen);
       if (isOpen) {
-        disableBodyScroll(document.querySelector(".modal"));
+        disableBodyScroll(this.modalRef.current);
       } else {
         clearAllBodyScrollLocks();
       }
@@ -47,7 +52,7 @@ const Modal = observer(
       return ReactDOM.createPortal(
         <React.Fragment>
           <MountModal in={isOpen} unmountOnExit {...props}>
-            <div className="modal d-block" role="dialog">
+            <div ref={this.modalRef} className="modal d-block" role="dialog">
               <div className="modal-dialog modal-lg" role="document">
                 <div className="modal-content">{children}</div>
               </div>