diff --git a/app/soapbox/containers/soapbox.tsx b/app/soapbox/containers/soapbox.tsx index b9f41a464..fbb62d6e3 100644 --- a/app/soapbox/containers/soapbox.tsx +++ b/app/soapbox/containers/soapbox.tsx @@ -22,8 +22,8 @@ import { ModalContainer, NotificationsContainer, OnboardingWizard, + WaitlistPage, } from 'soapbox/features/ui/util/async-components'; -import WaitlistPage from 'soapbox/features/verification/waitlist_page'; import { createGlobals } from 'soapbox/globals'; import { useAppSelector, useAppDispatch, useOwnAccount, useFeatures, useSoapboxConfig, useSettings, useSystemTheme } from 'soapbox/hooks'; import MESSAGES from 'soapbox/locales/messages'; @@ -166,7 +166,12 @@ const SoapboxMount = () => { )} {waitlisted && ( - } /> + ( + + {(Component) => } + + )} + /> )} {!me && (singleUserMode diff --git a/app/soapbox/features/ui/util/async-components.ts b/app/soapbox/features/ui/util/async-components.ts index 53efab79f..5592772d1 100644 --- a/app/soapbox/features/ui/util/async-components.ts +++ b/app/soapbox/features/ui/util/async-components.ts @@ -498,6 +498,10 @@ export function OnboardingWizard() { return import(/* webpackChunkName: "features/onboarding" */'../../onboarding/onboarding-wizard'); } +export function WaitlistPage() { + return import(/* webpackChunkName: "features/verification" */'../../verification/waitlist_page'); +} + export function CompareHistoryModal() { return import(/*webpackChunkName: "modals/compare_history_modal" */'../components/compare_history_modal'); }