Made it so we log to v5 on tab opens

src/pages/index.js

@@ -430,6 +430,31 @@ const Index = ({ data: fallbackData, userAgent }) => {
   const showAchievements = showMockAchievements()
   const enableBackgroundImages = showBackgroundImages()
 
+  const logTabWithV5 = async () => {
+    const userToken = localStorageMgr.getItem('access_token')
+
+    // This should not happen
+    if (!userToken) {
+      return
+    }
+
+    const headers = {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${userToken}`,
+    }
+
+    fetch(`${process.env.NEXT_PUBLIC_API_ENDPOINT}/api/v1/tab/log`, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify({}),
+    })
+  }
+
+  useEffect(() => {
+    logTabWithV5()
+  }, [])
+
   // No scrolling on this home page.
   useEffect(() => {
     // Add the style when the component mounts

src/utils/relayEnvironment.js

@@ -5,6 +5,7 @@ import { Environment, Network, RecordSource, Store } from 'relay-runtime'
 import { isServerSide } from 'src/utils/ssr'
 import logger from 'src/utils/logger'
 import ensureValuesAreDefined from 'src/utils/ensureValuesAreDefined'
+import localStorageManager from 'src/utils/localstorage-mgr'
 
 try {
   ensureValuesAreDefined(process.env.NEXT_PUBLIC_RELAY_ENDPOINT)
@@ -86,6 +87,8 @@ const createFetchQuery = ({ getIdToken }) => {
       const { currentUser } = firebase.auth()
       if (currentUser) {
         token = await currentUser.getIdToken()
+
+        localStorageManager.setItem('access_token', token)
       }
     }