From 9e19b71e7b906d55778c92ae38a771a6a39cae8e Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne@forem.com>
Date: Tue, 1 Mar 2022 16:59:28 +0000
Subject: [PATCH] Only init mod tools if we're still on article page (#16733)

* only init mod tools if we're still on article page

* Update app/javascript/packs/articleModerationTools.js

Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com>

Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com>
---
 .../packs/articleModerationTools.js           | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/app/javascript/packs/articleModerationTools.js b/app/javascript/packs/articleModerationTools.js
index 55105e0cd..ecce323fb 100644
--- a/app/javascript/packs/articleModerationTools.js
+++ b/app/javascript/packs/articleModerationTools.js
@@ -2,29 +2,31 @@
 import { isModerationPage } from '@utilities/moderation';
 
 getCsrfToken().then(() => {
-  const user = userData();
-  const { authorId: articleAuthorId, path } = document.getElementById(
-    'article-show-container',
-  ).dataset;
+  const articleContainer = document.getElementById('article-show-container');
 
-  const initializeModerationsTools = async () => {
-    const { initializeActionsPanel } = await import(
-      '../actionsPanel/initializeActionsPanelToggle'
-    );
-    const { initializeFlagUserModal } = await import('./flagUserModal');
+  if (articleContainer) {
+    const user = userData();
+    const { authorId: articleAuthorId, path } = articleContainer.dataset;
 
-    // article show page
-    if (user?.trusted) {
-      if (user?.id !== articleAuthorId && !isModerationPage()) {
-        initializeActionsPanel(user, path);
-        initializeFlagUserModal(articleAuthorId);
-        // dev.to/mod
-      } else if (isModerationPage()) {
-        initializeActionsPanel(user, path);
-        initializeFlagUserModal(articleAuthorId);
+    const initializeModerationsTools = async () => {
+      const { initializeActionsPanel } = await import(
+        '../actionsPanel/initializeActionsPanelToggle'
+      );
+      const { initializeFlagUserModal } = await import('./flagUserModal');
+
+      // article show page
+      if (user?.trusted) {
+        if (user?.id !== articleAuthorId && !isModerationPage()) {
+          initializeActionsPanel(user, path);
+          initializeFlagUserModal(articleAuthorId);
+          // "/mod" page
+        } else if (isModerationPage()) {
+          initializeActionsPanel(user, path);
+          initializeFlagUserModal(articleAuthorId);
+        }
       }
-    }
-  };
+    };
 
-  initializeModerationsTools();
+    initializeModerationsTools();
+  }
 });