Turn on Mixpanel tracking for deployment

Author: haejinjo

src/app/containers/MainContainer.tsx

@@ -32,11 +32,11 @@ function MainContainer(): any {
     const port = chrome.runtime.connect();
 
     // listen for a message containing snapshots from the background script
-    port.onMessage.addListener((message:{action:string, payload:Record<string, unknown>, sourceTab:number}) => {
+    port.onMessage.addListener((message: { action: string, payload: Record<string, unknown>, sourceTab: number }) => {
       const { action, payload, sourceTab } = message;
       let maxTab;
       if (!sourceTab) {
-        const tabsArray:any = Object.keys(payload);
+        const tabsArray: any = Object.keys(payload);
         maxTab = Math.max(...tabsArray);
       }
       switch (action) {
@@ -75,23 +75,23 @@ function MainContainer(): any {
   /**
    * get set cookies for mixpanel analytics
    **/
-  useEffect( () => {
+  useEffect(() => {
     /**
      * create new user and attempt to read cookies
-    */     
+    */
     const user = new MPID();
     /**
      * If developing turn tracking off by setting user.debug to true;
-     * End goal: set user.debug variable in npm run dev
+     * End goal: set an environment variable to automate this toggle
      */
-    user.debug = true;
+    user.debug = false;
 
     if (!user.debug) {
       //set current user cookie if it does not exist in cookies;
-      if (user.checkDocumentCookie(document)) {        
+      if (user.checkDocumentCookie(document)) {
         user.getCookie();
         mixpanel.people.increment(user.get_dId(), "times");
-      } else {        
+      } else {
         user.setCookie();
         mixpanel.people.set(user.get_dId(), { times: 1 });
       }
@@ -132,7 +132,7 @@ function MainContainer(): any {
   // if viewIndex is -1, then use the sliderIndex instead
   const snapshotView = viewIndex === -1 ? snapshots[sliderIndex] : snapshots[viewIndex];
   // cleaning hierarchy and snapshotView from stateless data
-  const statelessCleaning = (obj:{name?:string; componentData?:object; state?:string|any;stateSnaphot?:object; children?:any[];}) => {
+  const statelessCleaning = (obj: { name?: string; componentData?: object; state?: string | any; stateSnaphot?: object; children?: any[]; }) => {
     const newObj = { ...obj };
     if (newObj.name === 'nameless') {
       delete newObj.name;
@@ -149,7 +149,7 @@ function MainContainer(): any {
     if (newObj.children) {
       newObj.children = [];
       if (obj.children.length > 0) {
-        obj.children.forEach((element:{state?:object|string, children?:[]}) => {
+        obj.children.forEach((element: { state?: object | string, children?: [] }) => {
           if (element.state !== 'stateless' || element.children.length > 0) {
             const clean = statelessCleaning(element);
             newObj.children.push(clean);