diff --git a/gui/public/i18n/en/translation.ftl b/gui/public/i18n/en/translation.ftl index f0c95cf5b..c26ef6e2f 100644 --- a/gui/public/i18n/en/translation.ftl +++ b/gui/public/i18n/en/translation.ftl @@ -1277,7 +1277,7 @@ onboarding-stay_aligned-put_trackers_on-title = Put on your trackers onboarding-stay_aligned-put_trackers_on-description = To save your resting poses, we'll use the trackers you just assigned. Put on all your trackers, you can see which are which in the figure to the right. onboarding-stay_aligned-put_trackers_on-trackers_warning = You have fewer than 5 trackers currently connected and assigned! This is the minimum amount of trackers required for Stay Aligned to function properly. onboarding-stay_aligned-put_trackers_on-next = I have all my trackers on -onboarding-stay_aligned-verify_mounting-title = Check your Mounting +onboarding-stay_aligned-verify_mounting-title = Mounting Reset onboarding-stay_aligned-verify_mounting-step-0 = Stay Aligned requires good mounting. Otherwise, you won't get a good experience with Stay Aligned. onboarding-stay_aligned-verify_mounting-step-1 = 1. Move around while standing. onboarding-stay_aligned-verify_mounting-step-2 = 2. Sit down and move your legs and feet. diff --git a/gui/src/components/onboarding/pages/stay-aligned/stay-aligned-steps/VerifyMounting.tsx b/gui/src/components/onboarding/pages/stay-aligned/stay-aligned-steps/VerifyMounting.tsx index ef39796ed..03c983f52 100644 --- a/gui/src/components/onboarding/pages/stay-aligned/stay-aligned-steps/VerifyMounting.tsx +++ b/gui/src/components/onboarding/pages/stay-aligned/stay-aligned-steps/VerifyMounting.tsx @@ -1,44 +1,63 @@ import { Button } from '@/components/commons/Button'; import { Typography } from '@/components/commons/Typography'; +import { ResetType } from 'solarxr-protocol'; +import { ResetButton } from '@/components/home/ResetButton'; +import { useLocalization } from '@fluent/react'; +import { useBreakpoint } from '@/hooks/breakpoint'; import { VerticalStepComponentProps } from '@/components/commons/VerticalStepper'; -import { Localized } from '@fluent/react'; export function VerifyMountingStep({ nextStep, prevStep, }: VerticalStepComponentProps) { + const { isMobile } = useBreakpoint('mobile'); + const { l10n } = useLocalization(); return ( -
+