update root component to only load App when plugin div is present

this prevents the plugin from doing any background loading whilst SG maintenance mode is active
ral-facilities · Oct 13, 2023 · 8253583 · 8253583
1 parent 7c81500
commit 8253583
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/datagateway-dataview/src/index.tsx b/packages/datagateway-dataview/src/index.tsx
@@ -41,7 +41,7 @@ function domElementGetter(): HTMLElement {
 const reactLifecycles = singleSpaReact({
   React,
   ReactDOM,
-  rootComponent: App,
+  rootComponent: () => (document.getElementById(pluginName) ? <App /> : null),
   domElementGetter,
 });
 

diff --git a/packages/datagateway-download/src/index.tsx b/packages/datagateway-download/src/index.tsx
@@ -31,7 +31,8 @@ function domElementGetter(): HTMLElement {
 const reactLifecycles = singleSpaReact({
   React,
   ReactDOM,
-  rootComponent: App,
+  rootComponent: () =>
+    document.getElementById('datagateway-download') ? <App /> : null,
   domElementGetter,
   errorBoundary(error) {
     log.error(`datagateway-download failed with error: ${error}`);

diff --git a/packages/datagateway-search/src/index.tsx b/packages/datagateway-search/src/index.tsx
@@ -36,7 +36,7 @@ function domElementGetter(): HTMLElement {
 const reactLifecycles = singleSpaReact({
   React,
   ReactDOM,
-  rootComponent: App,
+  rootComponent: () => (document.getElementById(pluginName) ? <App /> : null),
   domElementGetter,
 });