diff --git a/frontend/app/components/Onboarding/Onboarding.tsx b/frontend/app/components/Onboarding/Onboarding.tsx index c6f7676da..b82a41e5e 100644 --- a/frontend/app/components/Onboarding/Onboarding.tsx +++ b/frontend/app/components/Onboarding/Onboarding.tsx @@ -20,6 +20,13 @@ interface Props { history: RouteComponentProps['history']; } + +const platformMap = { + 'ios': 'mobile', + 'web': 'web', +} + + const Onboarding = (props: Props) => { const platforms = [ { @@ -70,6 +77,7 @@ const Onboarding = (props: Props) => { platforms={platforms} platform={platform} setPlatform={setPlatform} + platformMap={platformMap} /> @@ -77,6 +85,7 @@ const Onboarding = (props: Props) => { platforms={platforms} platform={platform} setPlatform={setPlatform} + platformMap={platformMap} /> diff --git a/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx b/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx index 6f6668b06..21a5d623e 100644 --- a/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx +++ b/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx @@ -18,14 +18,15 @@ interface Props extends WithOnboardingProps { value: string; }; setPlatform: (val: { label: string; value: string }) => void; + platformMap: Record; } function IdentifyUsersTab(props: Props) { - const { site, platforms, platform, setPlatform } = props; + const { site, platforms, platform, setPlatform, platformMap } = props; React.useEffect(() => { if (site.platform) - setPlatform(platforms.find(({ value }) => value === site.platform) || platforms[0]); + setPlatform(platforms.find(({ value }) => value === platformMap[site.platform]) ?? platform ?? platforms[0]); }, [site]); return ( @@ -37,7 +38,7 @@ function IdentifyUsersTab(props: Props) {