fix: posthog is initialized twice

src/components/common/dialogs/CustomDialog.js

@@ -9,7 +9,6 @@ import { useDialog } from '../../../lib/dialog/useDialog'
 import CustomButton from '../buttons/CustomButton'
 import ErrorAnimation from '../../common/animations/Error'
 
-import { CustomPostHogProvider } from '../../../lib/contexts/CustomPosthogProvider'
 import SuccessIcon from '../modal/SuccessIcon'
 import LoadingIcon from '../modal/LoadingIcon'
 import { InfoIcon } from '../modal/InfoIcon'
@@ -20,7 +19,6 @@ import Section from '../layout/Section'
 import { GlobalTogglesContext } from '../../../lib/contexts/togglesContext'
 import { DialogContext } from '../../../lib/dialog/dialogContext'
 import { GoodWalletContext } from '../../../lib/wallet/GoodWalletProvider'
-import Config from '../../../config/config'
 
 export type DialogButtonProps = { color?: string, mode?: string, onPress?: Function => void, text: string, style?: any }
 export type DialogProps = {
@@ -137,17 +135,11 @@ const CustomDialog = ({
               // https://github.com/callstack/react-native-paper/blob/main/src/components/Portal/Portal.tsx#L54
               // otherwise useContext(GlobalTogglesContext) will return undefined for
               // any custom dialog component (e.g. ExplanationDialog and other ones)
-              <CustomPostHogProvider
-                apiKey={Config.posthogApiKey}
-                options={{ host: Config.posthogHost }}
-                autocapture={false}
-              >
-                <GlobalTogglesContext.Provider value={globalToggleState}>
-                  <GoodWalletContext.Provider value={goodWalletState}>
-                    <DialogContext.Provider value={dialogState}>{content}</DialogContext.Provider>
-                  </GoodWalletContext.Provider>
-                </GlobalTogglesContext.Provider>
-              </CustomPostHogProvider>
+              <GlobalTogglesContext.Provider value={globalToggleState}>
+                <GoodWalletContext.Provider value={goodWalletState}>
+                  <DialogContext.Provider value={dialogState}>{content}</DialogContext.Provider>
+                </GoodWalletContext.Provider>
+              </GlobalTogglesContext.Provider>
             ) : (
               <>
                 {children}

src/components/common/dialogs/TaskDialog.js

@@ -1,6 +1,5 @@
-import React, { useMemo } from 'react'
+import React from 'react'
 import { Platform, View } from 'react-native'
-import { usePostHog } from 'posthog-react-native'
 
 import TaskButton from '../../common/buttons/TaskButton'
 import { Section, Text } from '../../common'
@@ -102,11 +101,7 @@ const dialogStyles = ({ theme }) => ({
   },
 })
 
-const TaskDialog = ({ styles, theme }) => {
-  const posthog = usePostHog()
-  const payload = useMemo(() => (posthog ? posthog.getFeatureFlagPayload('next-tasks') : []), [posthog])
-  const { tasks } = payload || {}
-
+const TaskDialog = ({ styles, theme, tasks }) => {
   return (
     <View>
       {tasks

src/components/dashboard/Claim.js

@@ -5,6 +5,7 @@ import moment from 'moment'
 import { assign, noop } from 'lodash'
 import { t, Trans } from '@lingui/macro'
 
+import { usePostHog } from 'posthog-react-native'
 import AsyncStorage from '../../lib/utils/asyncStorage'
 import { retry } from '../../lib/utils/async'
 
@@ -257,6 +258,10 @@ const Claim = props => {
   const advanceClaimsCounter = useClaimCounter()
   const [, , collectInviteBounty] = useInviteBonus()
 
+  const posthog = usePostHog()
+  const taskPayload = useMemo(() => (posthog ? posthog.getFeatureFlagPayload('next-tasks') : []), [posthog])
+  const { tasks } = taskPayload || {}
+
   // format number of people who did claim today
   const formattedNumberOfPeopleClaimedToday = useMemo(() => formatWithSIPrefix(peopleClaimed), [peopleClaimed])
 
@@ -496,7 +501,7 @@ const Claim = props => {
 
         await showDialog({
           image: <LoadingAnimation success speed={2} />,
-          content: <TaskDialog />,
+          content: <TaskDialog tasks={tasks} />,
           title: t`You've claimed today!`,
           titleStyle: { paddingTop: 0, marginTop: 0, minHeight: 'auto' },
           onDismiss: noop,

src/lib/notifications/hooks/useNotifications.native.js

@@ -16,7 +16,7 @@ const { notificationTime, notificationSchedule } = Config
 let bridge = null
 
 const NOTIFICATION = {
-  title: "It's that time of the day 💸 💙",
+  title: "It's claim time! 💙",
   message: 'Claim your free GoodDollars now. It takes 10 seconds.',
 }