Add custom FS value to identify if user is logged in (#2820)

web/src/components/layout/layout.tsx

@@ -2,6 +2,7 @@ import { Localized } from '@fluent/react';
 import * as React from 'react';
 import { connect } from 'react-redux';
 import { RouteComponentProps, Redirect, withRouter } from 'react-router';
+import * as FullStory from '@fullstory/browser';
 import { LOCALES, NATIVE_NAMES } from '../../services/localization';
 import { trackGlobal, getTrackClass } from '../../services/tracker';
 import StateTree from '../../stores/tree';
@@ -150,7 +151,7 @@ class Layout extends React.PureComponent<LayoutProps, LayoutState> {
   };
 
   async componentDidMount() {
-    const { locale, api } = this.props;
+    const { locale, api, user } = this.props;
     this.scroller.addEventListener('scroll', this.handleScroll);
     this.visitHash();
 
@@ -164,6 +165,12 @@ class Layout extends React.PureComponent<LayoutProps, LayoutState> {
         challengeTeamToken !== undefined && challengeToken !== undefined,
       featureStorageKey: await this.getFeatureKey(locale),
     });
+
+    try {
+      FullStory.setUserVars({ isLoggedIn: !!user.account })
+    } catch(e) {
+      // do nothing if FullStory not initialized (see app.tsx)
+    }
   }
 
   componentDidUpdate(nextProps: LayoutProps, nextState: LayoutState) {