From 1b298deaad1aeb24e197ef07963396549c4850eb Mon Sep 17 00:00:00 2001
From: "Albert (AJ) St. Aubin" <astaubin@edx.org>
Date: Mon, 28 Sep 2020 12:59:45 -0400
Subject: [PATCH] Suppress Hotjar on demographic collection modal

---
 .../DemographicsCollectionModal.jsx                       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lms/static/js/demographics_collection/DemographicsCollectionModal.jsx b/lms/static/js/demographics_collection/DemographicsCollectionModal.jsx
index 7ccb4b6671..22b5c5230a 100644
--- a/lms/static/js/demographics_collection/DemographicsCollectionModal.jsx
+++ b/lms/static/js/demographics_collection/DemographicsCollectionModal.jsx
@@ -284,7 +284,7 @@ class DemographicsCollectionModal extends React.Component {
             </Wizard.Header>
             <Wizard.Page>
               {({ wizardConsumer }) =>
-                <div className="demographics-form-container">
+                <div className="demographics-form-container" data-hj-suppress>
                   {/* Gender Identity */}
                   <SelectWithInput
                     selectName={FIELD_NAMES.GENDER}
@@ -346,7 +346,7 @@ class DemographicsCollectionModal extends React.Component {
             </Wizard.Page>
             <Wizard.Page>
               {({ wizardConsumer }) =>
-                <div className="demographics-form-container">
+                <div className="demographics-form-container" data-hj-suppress>
                   {/* Military History */}
                   <label htmlFor={FIELD_NAMES.MILITARY}>
                     {gettext("Have you ever served on active duty in the U.S. Armed Forces, Reserves, or National Guard?")}
@@ -369,7 +369,7 @@ class DemographicsCollectionModal extends React.Component {
             </Wizard.Page>
             <Wizard.Page>
               {({ wizardConsumer }) =>
-                <div className="demographics-form-container">
+                <div className="demographics-form-container" data-hj-suppress>
                   {/* Learner Education Level */}
                   <label htmlFor={FIELD_NAMES.EDUCATION_LEVEL}>
                     {gettext("What is the highest level of education that you have achieved so far?")}
@@ -409,7 +409,7 @@ class DemographicsCollectionModal extends React.Component {
             </Wizard.Page>
             <Wizard.Page>
               {({ wizardConsumer }) =>
-                <div className="demographics-form-container">
+                <div className="demographics-form-container" data-hj-suppress>
                   {/* Employment Status */}
                   <SelectWithInput
                     selectName={FIELD_NAMES.WORK_STATUS}