From 4413572c1cbade878495baf90caf32dbe253facc Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Mon, 11 May 2020 22:15:11 -0400
Subject: [PATCH] set a black background body class on enter/exit of component

---
 .../src/routes/StudyListContainer/StudyListContainer.jsx  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx b/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
index 053d3f309..496bba2ec 100644
--- a/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
+++ b/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
@@ -36,6 +36,14 @@ function StudyListContainer({ history, data: studies }) {
   const [expandedRows, setExpandedRows] = useState([]);
   const numOfStudies = studies.length;
 
+  // Set body style
+  useEffect(()=> {
+    document.body.classList.add('bg-black');
+    return () => {
+      document.body.classList.remove('bg-black');
+    }
+  }, [])
+
   useEffect(() => {
     if (!debouncedFilterValues) {
       return;