|
| 1 | +import '@tamagui/core/reset.css' |
| 2 | +import 'src/app/Global.css' |
| 3 | + |
| 4 | +import { useEffect } from 'react' |
| 5 | +import { I18nextProvider } from 'react-i18next' |
| 6 | +import { Outlet, RouterProvider } from 'react-router-dom' |
| 7 | +import { PersistGate } from 'redux-persist/integration/react' |
| 8 | +import { ExtensionStatsigProvider } from 'src/app/StatsigProvider' |
| 9 | +import { GraphqlProvider } from 'src/app/apollo' |
| 10 | +import { ErrorElement } from 'src/app/components/ErrorElement' |
| 11 | +import { TraceUserProperties } from 'src/app/components/Trace/TraceUserProperties' |
| 12 | +import { ClaimUnitagSteps, OnboardingStepsProvider } from 'src/app/features/onboarding/OnboardingSteps' |
| 13 | +import { UnitagChooseProfilePicScreen } from 'src/app/features/unitags/UnitagChooseProfilePicScreen' |
| 14 | +import { UnitagClaimContextProvider } from 'src/app/features/unitags/UnitagClaimContext' |
| 15 | +import { UnitagCreateUsernameScreen } from 'src/app/features/unitags/UnitagCreateUsernameScreen' |
| 16 | +import { UnitagIntroScreen } from 'src/app/features/unitags/UnitagIntroScreen' |
| 17 | +import { setRouter, setRouterState } from 'src/app/navigation/state' |
| 18 | +import { SentryAppNameTag, initializeSentry, sentryCreateHashRouter } from 'src/app/sentry' |
| 19 | +import { initExtensionAnalytics } from 'src/app/utils/analytics' |
| 20 | +import { getLocalUserId } from 'src/app/utils/storage' |
| 21 | +import { getReduxPersistor, getReduxStore } from 'src/store/store' |
| 22 | +import { Flex } from 'ui/src' |
| 23 | +import { LocalizationContextProvider } from 'uniswap/src/features/language/LocalizationContext' |
| 24 | +import Trace from 'uniswap/src/features/telemetry/Trace' |
| 25 | +import { UnitagUpdaterContextProvider } from 'uniswap/src/features/unitags/context' |
| 26 | +import i18n from 'uniswap/src/i18n/i18n' |
| 27 | +import { logger } from 'utilities/src/logger/logger' |
| 28 | +import { ErrorBoundary } from 'wallet/src/components/ErrorBoundary/ErrorBoundary' |
| 29 | +import { SharedWalletProvider } from 'wallet/src/providers/SharedWalletProvider' |
| 30 | + |
| 31 | +getLocalUserId() |
| 32 | + .then((userId) => { |
| 33 | + initializeSentry(SentryAppNameTag.UnitagClaim, userId) |
| 34 | + }) |
| 35 | + .catch((error) => { |
| 36 | + logger.error(error, { |
| 37 | + tags: { file: 'UnitagClaimApp.tsx', function: 'getLocalUserId' }, |
| 38 | + }) |
| 39 | + }) |
| 40 | + |
| 41 | +const router = sentryCreateHashRouter([ |
| 42 | + { |
| 43 | + path: '', |
| 44 | + element: <UnitagClaimAppInner />, |
| 45 | + errorElement: <ErrorElement />, |
| 46 | + }, |
| 47 | +]) |
| 48 | + |
| 49 | +/** |
| 50 | + * Note: we are using a pattern here to avoid circular dependencies, because |
| 51 | + * this is the root of the app and it imports all sub-pages, we need to push the |
| 52 | + * router/router state to a different file so it can be imported by those pages |
| 53 | + */ |
| 54 | +router.subscribe((state) => { |
| 55 | + setRouterState(state) |
| 56 | +}) |
| 57 | + |
| 58 | +setRouter(router) |
| 59 | + |
| 60 | +function UnitagClaimAppInner(): JSX.Element { |
| 61 | + return ( |
| 62 | + <Flex alignItems="center" justifyContent="center" minHeight="100vh" width="100%"> |
| 63 | + <OnboardingStepsProvider |
| 64 | + disableRedirect |
| 65 | + steps={{ |
| 66 | + [ClaimUnitagSteps.Intro]: <UnitagIntroScreen />, |
| 67 | + [ClaimUnitagSteps.CreateUsername]: <UnitagCreateUsernameScreen />, |
| 68 | + [ClaimUnitagSteps.ChooseProfilePic]: <UnitagChooseProfilePicScreen />, |
| 69 | + }} |
| 70 | + ContainerComponent={UnitagClaimContextProvider} |
| 71 | + /> |
| 72 | + <Outlet /> |
| 73 | + </Flex> |
| 74 | + ) |
| 75 | +} |
| 76 | + |
| 77 | +// TODO WALL-4876 combine this with `PopupApp` |
| 78 | +export default function UnitagClaimApp(): JSX.Element { |
| 79 | + // initialize analytics on load |
| 80 | + useEffect(() => { |
| 81 | + initExtensionAnalytics().catch(() => undefined) |
| 82 | + }, []) |
| 83 | + |
| 84 | + return ( |
| 85 | + <Trace> |
| 86 | + <PersistGate persistor={getReduxPersistor()}> |
| 87 | + <ExtensionStatsigProvider> |
| 88 | + <I18nextProvider i18n={i18n}> |
| 89 | + <SharedWalletProvider reduxStore={getReduxStore()}> |
| 90 | + <ErrorBoundary> |
| 91 | + <GraphqlProvider> |
| 92 | + <LocalizationContextProvider> |
| 93 | + <UnitagUpdaterContextProvider> |
| 94 | + <TraceUserProperties /> |
| 95 | + <RouterProvider router={router} /> |
| 96 | + </UnitagUpdaterContextProvider> |
| 97 | + </LocalizationContextProvider> |
| 98 | + </GraphqlProvider> |
| 99 | + </ErrorBoundary> |
| 100 | + </SharedWalletProvider> |
| 101 | + </I18nextProvider> |
| 102 | + </ExtensionStatsigProvider> |
| 103 | + </PersistGate> |
| 104 | + </Trace> |
| 105 | + ) |
| 106 | +} |
0 commit comments