diff --git a/src/pages/panel/setup-cloud/SetupCloudPage.tsx b/src/pages/panel/setup-cloud/SetupCloudPage.tsx index 84d67edd..f12049c4 100644 --- a/src/pages/panel/setup-cloud/SetupCloudPage.tsx +++ b/src/pages/panel/setup-cloud/SetupCloudPage.tsx @@ -1,7 +1,8 @@ import { Trans } from '@lingui/macro' +import { useLingui } from '@lingui/react' import ExpandMoreIcon from '@mui/icons-material/ExpandMore' import { Accordion, AccordionDetails, AccordionSummary, Box, Button, Divider, Skeleton, Typography } from '@mui/material' -import { Suspense, useEffect } from 'react' +import { Suspense, useEffect, useRef } from 'react' import { useEvents } from 'src/core/events' import { useAbsoluteNavigate } from 'src/shared/absolute-navigate' import { ErrorBoundaryFallback, NetworkErrorBoundary } from 'src/shared/error-boundary-fallback' @@ -15,10 +16,19 @@ import { TenantId } from './TenantId' export default function SetupCloud() { const { addListener } = useEvents() + const { + i18n: { locale }, + } = useLingui() const navigate = useAbsoluteNavigate() + const methodToRemove = useRef<(() => void) | null>(null) useEffect(() => { setInitiated(true) + return () => { + if (methodToRemove.current) { + window.removeEventListener('resize', methodToRemove.current) + } + } }, []) useEffect(() => { @@ -40,6 +50,30 @@ export default function SetupCloud() { Make sure that you are already logged into the correct AWS account, before pressing the DEPLOY STACK button. + +