feat: add user streak identification to analytics and update AppLayout

Author: medyo

src/components/Layout/AppLayout.tsx

@@ -6,6 +6,7 @@ import 'src/assets/App.css'
 import { AuthModal, useAuth } from 'src/features/auth'
 import { usePostStreak } from 'src/features/hits'
 import { MarketingBanner } from 'src/features/MarketingBanner'
+import { identifyUserStreak } from 'src/lib/analytics'
 import { AuthProvider } from 'src/providers/AuthProvider'
 import { Header } from './Header'
 
@@ -17,6 +18,7 @@ export const AppLayout = () => {
     if (isConnected) {
       postStreakMutation.mutateAsync(undefined).then((data) => {
         setStreak(data.streak)
+        identifyUserStreak(data.streak)
       })
     }
   }, [isConnected])

src/lib/analytics.ts

@@ -73,6 +73,7 @@ export enum Attributes {
   DURATION = 'Duration',
   PROVIDER = 'Provider',
   ADV = 'ADV',
+  STREAK = 'Streak',
 }
 
 const _SEP_ = ' '
@@ -434,7 +435,9 @@ export const identifyUserMaxVisibleCards = (maxVisibleCards: number) => {
 export const identifyAdvBlocked = (blocked: boolean) => {
   identifyUserProperty(Attributes.ADV, blocked)
 }
-
+export const identifyUserStreak = (value: number) => {
+  identifyUserProperty(Attributes.STREAK, value)
+}
 // Private functions
 type trackEventProps = {
   object: Exclude<Objects, null | undefined>

src/lib/interceptors/DefaultRequestInterceptor.ts

@@ -32,6 +32,5 @@ const getUserToken = async () => {
       }
       unsub()
     })
-    resolve('abc')
   })
 }