From a770adfd5dbef26b06e16370ed91fde2f1863b42 Mon Sep 17 00:00:00 2001 From: Vijay Budhram Date: Fri, 15 May 2026 13:47:09 -0400 Subject: [PATCH] chore(settings): remove redundant React imports --- .../.storybook/design-guide/Header.tsx | 1 - .../.storybook/design-guide/Page.tsx | 1 - .../.storybook/design-guide/Snippet.tsx | 2 - .../.storybook/design-guide/main.stories.tsx | 1 - .../design-guide/pages/Breakpoints.tsx | 1 - .../.storybook/design-guide/pages/Colors.tsx | 1 - .../design-guide/pages/Introduction.tsx | 1 - .../.storybook/design-guide/pages/Spacing.tsx | 1 - packages/fxa-settings/.storybook/preview.tsx | 4 +- .../AlternativeAuthOptions/index.stories.tsx | 1 - .../AlternativeAuthOptions/index.test.tsx | 1 - .../AlternativeAuthOptions/mocks.tsx | 1 - .../components/AppLayout/index.stories.tsx | 1 - .../src/components/AppLayout/index.test.tsx | 1 - .../src/components/Banner/index.stories.tsx | 1 - .../src/components/Banner/index.test.tsx | 1 - .../src/components/Banner/index.tsx | 1 - .../components/BoxButton/index.stories.tsx | 4 +- .../src/components/BoxButton/index.test.tsx | 1 - .../BrandMessaging/index.stories.tsx | 1 - .../components/BrandMessaging/index.test.tsx | 1 - .../components/ButtonBack/index.stories.tsx | 1 - .../RecoveryKeyPDF.tsx | 1 - .../VectorImagesForPdf.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../ButtonDownloadRecoveryKeyPDF/index.tsx | 1 - .../ButtonPasskeySignin/index.stories.tsx | 4 +- .../ButtonPasskeySignin/index.test.tsx | 1 - .../components/ButtonPasskeySignin/index.tsx | 1 - .../components/CardHeader/index.stories.tsx | 4 +- .../src/components/CardHeader/index.test.tsx | 1 - .../CardLoadingSpinner/index.stories.tsx | 1 - .../CardLoadingSpinner/index.test.tsx | 1 - .../components/CardLoadingSpinner/index.tsx | 1 - .../ChooseNewsletters/index.stories.tsx | 1 - .../ChooseNewsletters/index.test.tsx | 1 - .../CmsButtonWithFallback/index.stories.tsx | 1 - .../CmsButtonWithFallback/index.test.tsx | 1 - .../src/components/CmsLogo/index.stories.tsx | 63 ++++-------- .../src/components/CmsLogo/index.test.tsx | 13 ++- .../src/components/CmsLogo/index.tsx | 10 +- .../DarkModeToggle/index.stories.tsx | 1 - .../components/DataBlock/index.stories.tsx | 1 - .../src/components/DataBlock/index.test.tsx | 1 - .../src/components/DataBlock/mocks.tsx | 1 - .../DataBlockInline/index.stories.tsx | 1 - .../components/DataBlockInline/index.test.tsx | 1 - .../src/components/DataBlockInline/mocks.tsx | 1 - .../DeviceInfoBlock/index.stories.tsx | 1 - .../components/DeviceInfoBlock/index.test.tsx | 1 - .../src/components/DeviceInfoBlock/index.tsx | 1 - .../ErrorBoundaries/index.stories.tsx | 1 - .../components/FormChoice/index.stories.tsx | 1 - .../src/components/FormChoice/index.test.tsx | 1 - .../src/components/FormChoice/mocks.tsx | 1 - .../components/FormPassword/index.stories.tsx | 1 - .../components/FormPassword/index.test.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../FormPasswordWithInlineCriteria/mocks.tsx | 1 - .../FormPhoneNumber/index.stories.tsx | 1 - .../components/FormPhoneNumber/index.test.tsx | 6 +- .../src/components/FormSetupAccount/index.tsx | 1 - .../FormVerifyCode/index.stories.tsx | 1 - .../components/FormVerifyCode/index.test.tsx | 1 - .../FormVerifyTotp/index.stories.tsx | 1 - .../components/FormVerifyTotp/index.test.tsx | 1 - .../components/GetDataTrio/index.stories.tsx | 2 +- .../src/components/GetDataTrio/index.test.tsx | 1 - .../HeadingPrimary/index.stories.tsx | 1 - .../components/IconListItem/index.stories.tsx | 1 - .../components/IconListItem/index.test.tsx | 1 - .../src/components/IconListItem/index.tsx | 1 - .../src/components/Icons/index.stories.tsx | 1 - .../src/components/Icons/index.tsx | 1 - .../index.stories.tsx | 1 - .../InlineRecoveryKeySetupCreate/mocks.tsx | 5 +- .../InputCheckboxBlue/index.stories.tsx | 1 - .../InputCheckboxBlue/index.test.tsx | 1 - .../InputPassword/index.stories.tsx | 1 - .../components/InputPassword/index.test.tsx | 1 - .../src/components/InputPassword/mocks.tsx | 1 - .../InputPhoneNumber/index.stories.tsx | 1 - .../InputPhoneNumber/index.test.tsx | 1 - .../src/components/InputPhoneNumber/mocks.tsx | 1 - .../components/InputText/index.stories.tsx | 1 - .../src/components/InputText/index.test.tsx | 1 - .../LegalWithMarkdown/index.test.tsx | 1 - .../components/LinkDamaged/index.stories.tsx | 1 - .../src/components/LinkDamaged/index.test.tsx | 1 - .../src/components/LinkDamaged/index.tsx | 1 - .../components/LinkExpired/index.stories.tsx | 1 - .../src/components/LinkExpired/index.test.tsx | 1 - .../src/components/LinkExpired/index.tsx | 1 - .../LinkRememberPassword/index.stories.tsx | 1 - .../LinkRememberPassword/index.test.tsx | 1 - .../src/components/LinkUsed/index.stories.tsx | 1 - .../src/components/LinkUsed/index.test.tsx | 1 - .../src/components/LinkUsed/index.tsx | 1 - .../src/components/MarkdownLegal/index.tsx | 1 - .../OAuthClientFeatureFlag/index.test.tsx | 1 - .../OAuthDataError/index.stories.tsx | 1 - .../PasswordInfoBalloon/index.stories.tsx | 1 - .../PasswordInfoBalloon/index.test.tsx | 1 - .../components/PasswordInfoBalloon/index.tsx | 1 - .../PasswordStrengthInline/index.stories.tsx | 1 - .../PasswordStrengthInline/index.test.tsx | 1 - .../components/PreparedImage/index.test.tsx | 1 - .../PromoQrMobile/index.stories.tsx | 1 - .../components/PromoQrMobile/index.test.tsx | 1 - .../PromotionBanner/index.stories.tsx | 1 - .../components/PromotionBanner/index.test.tsx | 1 - .../src/components/Ready/index.stories.tsx | 1 - .../src/components/Ready/index.test.tsx | 1 - .../index.stories.tsx | 1 - .../RecoveryKeySetupDownload/index.test.tsx | 14 +-- .../RecoveryKeySetupDownload/mocks.tsx | 1 - .../RecoveryKeySetupHint/index.stories.tsx | 1 - .../RecoveryKeySetupHint/index.test.tsx | 1 - .../ResetPasswordWarning/index.stories.tsx | 1 - .../Settings/AlertBar/index.stories.tsx | 1 - .../Settings/AlertBar/index.test.tsx | 1 - .../Settings/Avatar/index.stories.tsx | 1 - .../components/Settings/Avatar/index.test.tsx | 1 - .../src/components/Settings/Avatar/index.tsx | 1 - .../Settings/BentoMenu/index.stories.tsx | 2 +- .../Settings/BentoMenu/index.test.tsx | 1 - .../Settings/ButtonIcon/index.stories.tsx | 1 - .../Settings/ButtonIcon/index.test.tsx | 1 - .../Settings/Checkbox/index.stories.tsx | 1 - .../Settings/Checkbox/index.test.tsx | 1 - .../index.stories.tsx | 1 - .../ConnectAnotherDevicePromo/index.test.tsx | 1 - .../storeImageLoader.tsx | 2 - .../ConnectedServices/index.stories.tsx | 1 - .../Settings/ConnectedServices/index.test.tsx | 1 - .../Settings/ContentSkip/index.test.tsx | 1 - .../components/Settings/ContentSkip/index.tsx | 2 - .../Settings/DataCollection/index.stories.tsx | 1 - .../Settings/DataCollection/index.test.tsx | 1 - .../DropDownAvatarMenu/index.stories.tsx | 1 - .../DropDownAvatarMenu/index.test.tsx | 1 - .../Settings/FlowContainer/index.stories.tsx | 2 +- .../Settings/FlowContainer/index.test.tsx | 1 - .../Settings/FlowContainer/mocks.tsx | 2 - .../index.stories.tsx | 2 +- .../FlowRecoveryKeyConfirmPwd/index.test.tsx | 1 - .../FlowRecoveryKeyDownload/index.stories.tsx | 1 - .../FlowRecoveryKeyDownload/index.test.tsx | 1 - .../FlowRecoveryKeyDownload/index.tsx | 1 - .../FlowRecoveryKeyHint/index.stories.tsx | 1 - .../FlowRecoveryKeyHint/index.test.tsx | 1 - .../FlowRecoveryKeyInfo/index.stories.tsx | 1 - .../FlowRecoveryKeyInfo/index.test.tsx | 1 - .../FlowSetup2faApp/index.stories.tsx | 1 - .../index.stories.tsx | 1 - .../FlowSetup2faBackupChoice/index.test.tsx | 1 - .../index.stories.tsx | 2 +- .../index.test.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../FlowSetup2faComplete/index.stories.tsx | 1 - .../FlowSetup2faComplete/index.test.tsx | 1 - .../FlowSetup2faPrompt/index.stories.tsx | 1 - .../FlowSetup2faPrompt/index.test.tsx | 1 - .../Settings/FlowSetup2faPrompt/index.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 3 +- .../Settings/HeaderLockup/index.stories.tsx | 1 - .../Settings/HeaderLockup/index.test.tsx | 1 - .../Settings/LinkedAccounts/LinkedAccount.tsx | 2 - .../Settings/LinkedAccounts/index.stories.tsx | 2 +- .../Settings/MfaGuard/index.stories.tsx | 1 - .../Settings/MfaGuard/index.test.tsx | 1 - .../Settings/Modal/index.stories.tsx | 6 +- .../components/Settings/Modal/index.test.tsx | 68 ++++++++----- .../ModalMfaProtected/index.stories.tsx | 2 +- .../Settings/ModalMfaProtected/index.test.tsx | 1 - .../ModalVerifySession/index.stories.tsx | 6 +- .../ModalVerifySession/index.test.tsx | 1 - .../components/Settings/Nav/index.stories.tsx | 1 - .../components/Settings/Nav/index.test.tsx | 1 - .../Settings/Page2faChange/index.stories.tsx | 1 - .../Settings/Page2faChange/mocks.tsx | 1 - .../index.stories.tsx | 1 - .../Settings/Page2faSetup/index.stories.tsx | 1 - .../Settings/Page2faSetup/index.test.tsx | 1 - .../Settings/Page2faSetup/mocks.tsx | 1 - .../Settings/PageAvatar/index.stories.tsx | 1 - .../Settings/PageAvatar/index.test.tsx | 1 - .../PageChangePassword/index.stories.tsx | 1 - .../PageChangePassword/index.test.tsx | 1 - .../PageCreatePassword/index.stories.tsx | 1 - .../PageCreatePassword/index.test.tsx | 1 - .../PageDeleteAccount/index.stories.tsx | 1 - .../Settings/PageDeleteAccount/index.test.tsx | 1 - .../PageDisplayName/index.stories.tsx | 1 - .../Settings/PageDisplayName/index.test.tsx | 1 - .../PageRecentActivity/SecurityEvent.tsx | 1 - .../PageRecentActivity/index.stories.tsx | 1 - .../PageRecentActivity/index.test.tsx | 1 - .../PageRecoveryKeyCreate/index.stories.tsx | 1 - .../PageRecoveryKeyCreate/index.test.tsx | 1 - .../PageRecoveryPhoneRemove/index.stories.tsx | 1 - .../PageRecoveryPhoneRemove/index.test.tsx | 1 - .../PageRecoveryPhoneSetup/index.stories.tsx | 1 - .../PageRecoveryPhoneSetup/index.test.tsx | 1 - .../Settings/PageRecoveryPhoneSetup/mocks.tsx | 1 - .../PageSecondaryEmailAdd/index.stories.tsx | 1 - .../PageSecondaryEmailAdd/index.test.tsx | 1 - .../index.stories.tsx | 1 - .../PageSecondaryEmailVerify/index.test.tsx | 1 - .../Settings/PageSettings/index.stories.tsx | 1 - .../Settings/PageSettings/index.test.tsx | 1 - .../Settings/ProductPromo/index.stories.tsx | 1 - .../Settings/ProductPromo/index.test.tsx | 1 - .../Settings/ProductPromo/index.tsx | 1 - .../Settings/Profile/index.stories.tsx | 1 - .../Settings/Profile/index.test.tsx | 1 - .../Settings/ProgressBar/index.stories.tsx | 1 - .../Settings/ProgressBar/index.test.tsx | 1 - .../components/Settings/ProgressBar/index.tsx | 1 - .../Settings/Security/index.stories.tsx | 1 - .../Settings/Security/index.test.tsx | 1 - .../Settings/SettingsLayout/index.stories.tsx | 1 - .../Settings/SettingsLayout/index.test.tsx | 1 - .../src/components/Settings/Sidebar/index.tsx | 1 - .../Settings/SignoutSync/index.stories.tsx | 1 - .../Settings/SignoutSync/index.test.tsx | 1 - .../components/Settings/SignoutSync/index.tsx | 1 - .../Settings/SubRow/index.stories.tsx | 1 - .../components/Settings/SubRow/index.test.tsx | 1 - .../Settings/Switch/index.stories.tsx | 1 - .../components/Settings/Switch/index.test.tsx | 1 - .../src/components/Settings/Switch/index.tsx | 5 +- .../Settings/UnitRow/index.stories.tsx | 1 - .../Settings/UnitRow/index.test.tsx | 1 - .../Settings/UnitRowPasskey/index.stories.tsx | 1 - .../Settings/UnitRowPasskey/index.tsx | 1 - .../UnitRowRecoveryKey/index.stories.tsx | 1 - .../UnitRowRecoveryKey/index.test.tsx | 1 - .../UnitRowSecondaryEmail/index.stories.tsx | 1 - .../UnitRowSecondaryEmail/index.test.tsx | 1 - .../UnitRowTwoStepAuth/index.stories.tsx | 1 - .../Settings/UnitRowTwoStepAuth/mocks.tsx | 1 - .../VerifiedSessionGuard/index.test.tsx | 6 +- .../TermsPrivacyAgreement/index.stories.tsx | 1 - .../TermsPrivacyAgreement/index.test.tsx | 1 - .../TermsPrivacyAgreement/index.tsx | 1 - .../ThirdPartyAuth/index.stories.tsx | 1 - .../components/ThirdPartyAuth/index.test.tsx | 1 - .../src/components/ThirdPartyAuth/mocks.tsx | 1 - .../src/components/Tooltip/index.stories.tsx | 1 - .../src/components/Tooltip/index.test.tsx | 1 - .../src/components/Tooltip/index.tsx | 1 - .../src/components/images/index.stories.tsx | 1 - .../models/contexts/NimbusContext.test.tsx | 96 ++++++++++++------- packages/fxa-settings/src/models/mocks.tsx | 1 - .../pages/Authorization/container.test.tsx | 1 - .../src/pages/Clear/index.stories.tsx | 1 - .../src/pages/Clear/index.test.tsx | 1 - .../fxa-settings/src/pages/Clear/index.tsx | 1 - .../ConnectAnotherDevice/index.stories.tsx | 1 - .../pages/ConnectAnotherDevice/index.test.tsx | 1 - .../pages/CookiesDisabled/index.stories.tsx | 1 - .../src/pages/CookiesDisabled/index.test.tsx | 1 - .../src/pages/Index/index.stories.tsx | 1 - .../src/pages/Index/index.test.tsx | 1 - .../InlineRecoveryKeySetup/container.test.tsx | 1 - .../InlineRecoveryKeySetup/index.stories.tsx | 7 +- .../pages/InlineRecoveryKeySetup/index.tsx | 1 - .../pages/InlineRecoveryKeySetup/mocks.tsx | 15 ++- .../InlineRecoverySetupFlow/index.stories.tsx | 1 - .../pages/InlineTotpSetup/index.stories.tsx | 1 - .../src/pages/Legal/Privacy/index.stories.tsx | 1 - .../src/pages/Legal/Privacy/index.test.tsx | 1 - .../src/pages/Legal/Terms/index.stories.tsx | 1 - .../src/pages/Legal/Terms/index.test.tsx | 1 - .../src/pages/Legal/index.stories.tsx | 1 - .../src/pages/Legal/index.test.tsx | 1 - .../fxa-settings/src/pages/Legal/index.tsx | 1 - .../pages/Pair/AuthAllow/index.stories.tsx | 1 - .../pages/Pair/AuthComplete/index.stories.tsx | 1 - .../pages/Pair/AuthComplete/index.test.tsx | 1 - .../src/pages/Pair/AuthTotp/index.stories.tsx | 1 - .../Pair/AuthWaitForSupp/index.stories.tsx | 1 - .../pages/Pair/AuthWaitForSupp/index.test.tsx | 1 - .../src/pages/Pair/Failure/index.stories.tsx | 1 - .../src/pages/Pair/Failure/index.test.tsx | 1 - .../src/pages/Pair/Failure/index.tsx | 1 - .../src/pages/Pair/Index/index.stories.tsx | 1 - .../src/pages/Pair/Success/index.stories.tsx | 1 - .../src/pages/Pair/Success/index.test.tsx | 1 - .../src/pages/Pair/Success/index.tsx | 1 - .../src/pages/Pair/Supp/index.stories.tsx | 1 - .../src/pages/Pair/Supp/index.test.tsx | 1 - .../pages/Pair/SuppAllow/index.stories.tsx | 1 - .../src/pages/Pair/SuppAllow/index.test.tsx | 1 - .../Pair/SuppWaitForAuth/index.stories.tsx | 1 - .../pages/Pair/SuppWaitForAuth/index.test.tsx | 1 - .../pages/Pair/Unsupported/index.stories.tsx | 1 - .../src/pages/Pair/Unsupported/index.test.tsx | 1 - .../ServiceWelcome/index.stories.tsx | 1 - .../PostVerify/ServiceWelcome/index.test.tsx | 1 - .../pages/PostVerify/ServiceWelcome/index.tsx | 1 - .../pages/PostVerify/ServiceWelcome/mocks.tsx | 1 - .../PostVerify/SetPassword/index.stories.tsx | 1 - .../PostVerify/SetPassword/index.test.tsx | 1 - .../pages/PostVerify/SetPassword/index.tsx | 1 - .../pages/PostVerify/SetPassword/mocks.tsx | 1 - .../ThirdPartyAuthCallback/index.test.tsx | 1 - .../index.stories.tsx | 1 - .../AccountRecoveryConfirmKey/index.test.tsx | 1 - .../CompleteResetPassword/container.test.tsx | 1 - .../CompleteResetPassword/index.stories.tsx | 1 - .../container.test.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../ConfirmResetPassword/index.stories.tsx | 1 - .../ConfirmResetPassword/index.test.tsx | 1 - .../container.test.tsx | 1 - .../index.stories.tsx | 1 - .../ConfirmTotpResetPassword/index.test.tsx | 1 - .../ResetPassword/index.stories.tsx | 1 - .../ResetPassword/index.test.tsx | 17 +++- .../ResetPasswordConfirmed/index.stories.tsx | 1 - .../ResetPasswordConfirmed/index.test.tsx | 9 +- .../ResetPasswordConfirmed/index.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../container.test.tsx | 1 - .../ResetPasswordRecoveryPhone/container.tsx | 1 - .../index.stories.tsx | 1 - .../ResetPasswordRecoveryPhone/index.test.tsx | 1 - .../ResetPasswordRecoveryPhone/mocks.tsx | 1 - .../index.stories.tsx | 1 - .../index.test.tsx | 1 - .../Signin/CompleteSignin/container.test.tsx | 1 - .../Signin/CompleteSignin/index.stories.tsx | 1 - .../Signin/CompleteSignin/index.test.tsx | 1 - .../src/pages/Signin/CompleteSignin/index.tsx | 1 - .../Signin/ReportSignin/container.test.tsx | 1 - .../Signin/ReportSignin/index.stories.tsx | 1 - .../pages/Signin/ReportSignin/index.test.tsx | 1 - .../src/pages/Signin/ReportSignin/index.tsx | 1 - .../Signin/SigninBounced/index.stories.tsx | 1 - .../pages/Signin/SigninBounced/index.test.tsx | 1 - .../Signin/SigninConfirmed/index.stories.tsx | 13 ++- .../Signin/SigninConfirmed/index.test.tsx | 1 - .../pages/Signin/SigninConfirmed/index.tsx | 7 +- .../SigninPasskeyFallback/index.stories.tsx | 1 - .../SigninPasskeyFallback/index.test.tsx | 1 - .../SigninPasswordlessCode/index.stories.tsx | 1 - .../SigninPasswordlessCode/index.test.tsx | 1 - .../Signin/SigninPasswordlessCode/mocks.tsx | 1 - .../SigninRecoveryChoice/index.stories.tsx | 3 +- .../SigninRecoveryChoice/index.test.tsx | 1 - .../SigninRecoveryCode/index.stories.tsx | 1 - .../Signin/SigninRecoveryCode/index.test.tsx | 1 - .../pages/Signin/SigninRecoveryCode/index.tsx | 1 - .../SigninRecoveryPhone/index.stories.tsx | 1 - .../Signin/SigninRecoveryPhone/index.test.tsx | 6 +- .../Signin/SigninRecoveryPhone/mocks.tsx | 1 - .../Signin/SigninReported/index.stories.tsx | 1 - .../Signin/SigninReported/index.test.tsx | 1 - .../src/pages/Signin/SigninReported/index.tsx | 1 - .../Signin/SigninTokenCode/index.stories.tsx | 1 - .../Signin/SigninTokenCode/index.test.tsx | 1 - .../pages/Signin/SigninTokenCode/mocks.tsx | 1 - .../Signin/SigninTotpCode/index.stories.tsx | 1 - .../Signin/SigninTotpCode/index.test.tsx | 1 - .../src/pages/Signin/SigninTotpCode/mocks.tsx | 1 - .../Signin/SigninUnblock/index.stories.tsx | 1 - .../pages/Signin/SigninUnblock/index.test.tsx | 1 - .../src/pages/Signin/index.stories.tsx | 1 - .../src/pages/Signin/index.test.tsx | 1 - .../fxa-settings/src/pages/Signin/mocks.tsx | 1 - .../ConfirmSignupCode/index.stories.tsx | 1 - .../Signup/ConfirmSignupCode/index.test.tsx | 1 - .../pages/Signup/ConfirmSignupCode/mocks.tsx | 1 - .../PrimaryEmailVerified/index.stories.tsx | 1 - .../PrimaryEmailVerified/index.test.tsx | 1 - .../Signup/PrimaryEmailVerified/index.tsx | 3 +- .../Signup/SignupConfirmed/index.stories.tsx | 8 +- .../Signup/SignupConfirmed/index.test.tsx | 1 - .../pages/Signup/SignupConfirmed/index.tsx | 5 +- .../SignupConfirmedSync/index.stories.tsx | 1 - .../Signup/SignupConfirmedSync/index.test.tsx | 1 - .../Signup/SignupConfirmedSync/index.tsx | 1 - .../Signup/SignupConfirmedSync/mocks.tsx | 1 - .../src/pages/Signup/index.stories.tsx | 1 - .../src/pages/Signup/index.test.tsx | 1 - .../fxa-settings/src/pages/Signup/index.tsx | 1 - .../WebAuthnHelpersExample/fieldGuides.tsx | 2 - .../WebAuthnHelpersExample/index.stories.tsx | 1 - 398 files changed, 239 insertions(+), 554 deletions(-) diff --git a/packages/fxa-settings/.storybook/design-guide/Header.tsx b/packages/fxa-settings/.storybook/design-guide/Header.tsx index 23b1a69467a..1cf900f348d 100644 --- a/packages/fxa-settings/.storybook/design-guide/Header.tsx +++ b/packages/fxa-settings/.storybook/design-guide/Header.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LinkExternal from 'fxa-react/components/LinkExternal'; const Header = () => { diff --git a/packages/fxa-settings/.storybook/design-guide/Page.tsx b/packages/fxa-settings/.storybook/design-guide/Page.tsx index ce3ac74f031..68d2c79224a 100644 --- a/packages/fxa-settings/.storybook/design-guide/Page.tsx +++ b/packages/fxa-settings/.storybook/design-guide/Page.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Header from './Header'; import AppLocalizationProvider from 'fxa-react/lib/AppLocalizationProvider'; diff --git a/packages/fxa-settings/.storybook/design-guide/Snippet.tsx b/packages/fxa-settings/.storybook/design-guide/Snippet.tsx index 92f6261ca01..7d2e46d4e99 100644 --- a/packages/fxa-settings/.storybook/design-guide/Snippet.tsx +++ b/packages/fxa-settings/.storybook/design-guide/Snippet.tsx @@ -2,8 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; - const Snippet = ({ moarClasses = '', children }) => ( {children} diff --git a/packages/fxa-settings/.storybook/design-guide/main.stories.tsx b/packages/fxa-settings/.storybook/design-guide/main.stories.tsx index 67829e94d9c..70708c7fffc 100644 --- a/packages/fxa-settings/.storybook/design-guide/main.stories.tsx +++ b/packages/fxa-settings/.storybook/design-guide/main.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import type { Meta, StoryObj } from '@storybook/react'; import tailwindConfig from '../../../fxa-react/configs/tailwind'; import resolveConfig from 'tailwindcss/resolveConfig'; diff --git a/packages/fxa-settings/.storybook/design-guide/pages/Breakpoints.tsx b/packages/fxa-settings/.storybook/design-guide/pages/Breakpoints.tsx index 60e49616355..e63bbd7e09d 100644 --- a/packages/fxa-settings/.storybook/design-guide/pages/Breakpoints.tsx +++ b/packages/fxa-settings/.storybook/design-guide/pages/Breakpoints.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Page from '../Page'; import Copiable from '../Copiable'; import LinkExternal from 'fxa-react/components/LinkExternal'; diff --git a/packages/fxa-settings/.storybook/design-guide/pages/Colors.tsx b/packages/fxa-settings/.storybook/design-guide/pages/Colors.tsx index 2265cf44eaa..4c6a1966c3d 100644 --- a/packages/fxa-settings/.storybook/design-guide/pages/Colors.tsx +++ b/packages/fxa-settings/.storybook/design-guide/pages/Colors.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Page from '../Page'; import Copiable from '../Copiable'; import Snippet from '../Snippet'; diff --git a/packages/fxa-settings/.storybook/design-guide/pages/Introduction.tsx b/packages/fxa-settings/.storybook/design-guide/pages/Introduction.tsx index 9735cc296fc..1907b155ea4 100644 --- a/packages/fxa-settings/.storybook/design-guide/pages/Introduction.tsx +++ b/packages/fxa-settings/.storybook/design-guide/pages/Introduction.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Page from '../Page'; import LinkExternal from 'fxa-react/components/LinkExternal'; import Copiable from '../Copiable'; diff --git a/packages/fxa-settings/.storybook/design-guide/pages/Spacing.tsx b/packages/fxa-settings/.storybook/design-guide/pages/Spacing.tsx index 69bd1cc65a4..26156082787 100644 --- a/packages/fxa-settings/.storybook/design-guide/pages/Spacing.tsx +++ b/packages/fxa-settings/.storybook/design-guide/pages/Spacing.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Page from '../Page'; import Copiable from '../Copiable'; import Snippet from '../Snippet'; diff --git a/packages/fxa-settings/.storybook/preview.tsx b/packages/fxa-settings/.storybook/preview.tsx index d45ec5399a6..9d205ea2b8c 100644 --- a/packages/fxa-settings/.storybook/preview.tsx +++ b/packages/fxa-settings/.storybook/preview.tsx @@ -4,7 +4,7 @@ import '../src/styles/tailwind.out.css'; import './design-guide/design-guide.css'; -import React, { useEffect } from 'react'; +import { ReactNode, useEffect } from 'react'; import type { Decorator } from '@storybook/react'; import { ThemeProvider, useTheme } from '../src/models/contexts/ThemeContext'; @@ -13,7 +13,7 @@ const ThemeSync = ({ children, }: { theme: string; - children: React.ReactNode; + children: ReactNode; }) => { const { setThemePreference } = useTheme(); useEffect(() => { diff --git a/packages/fxa-settings/src/components/AlternativeAuthOptions/index.stories.tsx b/packages/fxa-settings/src/components/AlternativeAuthOptions/index.stories.tsx index fdbdb72ab7a..33f6c87a1f1 100644 --- a/packages/fxa-settings/src/components/AlternativeAuthOptions/index.stories.tsx +++ b/packages/fxa-settings/src/components/AlternativeAuthOptions/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/AlternativeAuthOptions/index.test.tsx b/packages/fxa-settings/src/components/AlternativeAuthOptions/index.test.tsx index dd477ae0c7a..0d78e57e4bc 100644 --- a/packages/fxa-settings/src/components/AlternativeAuthOptions/index.test.tsx +++ b/packages/fxa-settings/src/components/AlternativeAuthOptions/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/AlternativeAuthOptions/mocks.tsx b/packages/fxa-settings/src/components/AlternativeAuthOptions/mocks.tsx index 2b2760d86d2..6e8733473cd 100644 --- a/packages/fxa-settings/src/components/AlternativeAuthOptions/mocks.tsx +++ b/packages/fxa-settings/src/components/AlternativeAuthOptions/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import AlternativeAuthOptions, { AlternativeAuthOptionsProps } from '.'; import Banner from '../Banner'; diff --git a/packages/fxa-settings/src/components/AppLayout/index.stories.tsx b/packages/fxa-settings/src/components/AppLayout/index.stories.tsx index b228d97dcb1..693d5d54157 100644 --- a/packages/fxa-settings/src/components/AppLayout/index.stories.tsx +++ b/packages/fxa-settings/src/components/AppLayout/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AppLayout from './index'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/AppLayout/index.test.tsx b/packages/fxa-settings/src/components/AppLayout/index.test.tsx index 5687b75a3b2..4ce9e23669e 100644 --- a/packages/fxa-settings/src/components/AppLayout/index.test.tsx +++ b/packages/fxa-settings/src/components/AppLayout/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import AppLayout from '.'; diff --git a/packages/fxa-settings/src/components/Banner/index.stories.tsx b/packages/fxa-settings/src/components/Banner/index.stories.tsx index 3d44586ddf7..8d6e3029d45 100644 --- a/packages/fxa-settings/src/components/Banner/index.stories.tsx +++ b/packages/fxa-settings/src/components/Banner/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import AppLayout from '../AppLayout'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Banner/index.test.tsx b/packages/fxa-settings/src/components/Banner/index.test.tsx index 2604aecf994..73950162647 100644 --- a/packages/fxa-settings/src/components/Banner/index.test.tsx +++ b/packages/fxa-settings/src/components/Banner/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen, fireEvent, waitFor } from '@testing-library/react'; import Banner from './index'; import { BannerProps } from './interfaces'; diff --git a/packages/fxa-settings/src/components/Banner/index.tsx b/packages/fxa-settings/src/components/Banner/index.tsx index 9e0c2eb11dc..a8b8c52a11a 100644 --- a/packages/fxa-settings/src/components/Banner/index.tsx +++ b/packages/fxa-settings/src/components/Banner/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { BannerProps } from './interfaces'; import { CheckmarkCircleOutlineCurrentIcon, diff --git a/packages/fxa-settings/src/components/BoxButton/index.stories.tsx b/packages/fxa-settings/src/components/BoxButton/index.stories.tsx index 7868dba061f..2c244f829c1 100644 --- a/packages/fxa-settings/src/components/BoxButton/index.stories.tsx +++ b/packages/fxa-settings/src/components/BoxButton/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; +import { ReactNode } from 'react'; import { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { withLocalization } from 'fxa-react/lib/storybooks'; @@ -23,7 +23,7 @@ export default { }, } as Meta; -const Container = ({ children }: { children: React.ReactNode }) => ( +const Container = ({ children }: { children: ReactNode }) => (
{children}
); diff --git a/packages/fxa-settings/src/components/BoxButton/index.test.tsx b/packages/fxa-settings/src/components/BoxButton/index.test.tsx index 5533b789b67..529abfd690c 100644 --- a/packages/fxa-settings/src/components/BoxButton/index.test.tsx +++ b/packages/fxa-settings/src/components/BoxButton/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/BrandMessaging/index.stories.tsx b/packages/fxa-settings/src/components/BrandMessaging/index.stories.tsx index dc6b0a2438f..bb2b0f9e782 100644 --- a/packages/fxa-settings/src/components/BrandMessaging/index.stories.tsx +++ b/packages/fxa-settings/src/components/BrandMessaging/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { BrandMessaging } from '.'; diff --git a/packages/fxa-settings/src/components/BrandMessaging/index.test.tsx b/packages/fxa-settings/src/components/BrandMessaging/index.test.tsx index 13f22168148..8943c0eb46d 100644 --- a/packages/fxa-settings/src/components/BrandMessaging/index.test.tsx +++ b/packages/fxa-settings/src/components/BrandMessaging/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { act, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { BrandMessaging, bannerClosedLocalStorageKey } from '.'; diff --git a/packages/fxa-settings/src/components/ButtonBack/index.stories.tsx b/packages/fxa-settings/src/components/ButtonBack/index.stories.tsx index 3701b730bdf..a6e1341bb51 100644 --- a/packages/fxa-settings/src/components/ButtonBack/index.stories.tsx +++ b/packages/fxa-settings/src/components/ButtonBack/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/RecoveryKeyPDF.tsx b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/RecoveryKeyPDF.tsx index a631eb689fb..c27b88e285a 100644 --- a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/RecoveryKeyPDF.tsx +++ b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/RecoveryKeyPDF.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Document, Font, diff --git a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/VectorImagesForPdf.tsx b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/VectorImagesForPdf.tsx index 91b4537bdcc..fc2c2cee9bc 100644 --- a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/VectorImagesForPdf.tsx +++ b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/VectorImagesForPdf.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Svg, Path, Rect, Circle } from '@react-pdf/renderer'; /* diff --git a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.stories.tsx b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.stories.tsx index 98870889cc1..6057d478cfe 100644 --- a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.stories.tsx +++ b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import AppLayout from '../AppLayout'; import ButtonDownloadRecoveryKeyPDF from '.'; diff --git a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.test.tsx b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.test.tsx index 49079ef5683..e6303ba1e1f 100644 --- a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.test.tsx +++ b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { ButtonDownloadRecoveryKeyPDF, getFilename } from '.'; diff --git a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.tsx b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.tsx index 880418f2282..e20c629925c 100644 --- a/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.tsx +++ b/packages/fxa-settings/src/components/ButtonDownloadRecoveryKeyPDF/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RelierCmsInfo, useAlertBar, useFtlMsgResolver } from '../../models'; import { pdf } from '@react-pdf/renderer'; import { saveAs } from 'file-saver'; diff --git a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.stories.tsx b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.stories.tsx index 1bd2ec5a34b..add7bac585f 100644 --- a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.stories.tsx +++ b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; +import { useState } from 'react'; import ButtonPasskeySignin from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Meta } from '@storybook/react'; @@ -15,7 +15,7 @@ export default { } as Meta; export const Default = () => { - const [isLoading, setIsLoading] = React.useState(false); + const [isLoading, setIsLoading] = useState(false); const handleClick = () => { action('clicked')(); diff --git a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.test.tsx b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.test.tsx index 60790c38d6b..d77396669df 100644 --- a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.test.tsx +++ b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.tsx b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.tsx index 198a44d05eb..a433fe32fc9 100644 --- a/packages/fxa-settings/src/components/ButtonPasskeySignin/index.tsx +++ b/packages/fxa-settings/src/components/ButtonPasskeySignin/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { PasskeyIcon } from '../Icons'; import { FtlMsg } from 'fxa-react/lib/utils'; import BoxButton from '../BoxButton'; diff --git a/packages/fxa-settings/src/components/CardHeader/index.stories.tsx b/packages/fxa-settings/src/components/CardHeader/index.stories.tsx index c55bbb9c2f9..942285113dc 100644 --- a/packages/fxa-settings/src/components/CardHeader/index.stories.tsx +++ b/packages/fxa-settings/src/components/CardHeader/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; +import { ComponentProps } from 'react'; import CardHeader from '.'; import AppLayout from '../AppLayout'; import { Meta } from '@storybook/react'; @@ -23,7 +23,7 @@ export default { } as Meta; const storyWithProps = ( - props: React.ComponentProps, + props: ComponentProps, storyName?: string ) => { const story = () => ( diff --git a/packages/fxa-settings/src/components/CardHeader/index.test.tsx b/packages/fxa-settings/src/components/CardHeader/index.test.tsx index 79d7f344211..6d57276c02d 100644 --- a/packages/fxa-settings/src/components/CardHeader/index.test.tsx +++ b/packages/fxa-settings/src/components/CardHeader/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import CardHeader from '.'; diff --git a/packages/fxa-settings/src/components/CardLoadingSpinner/index.stories.tsx b/packages/fxa-settings/src/components/CardLoadingSpinner/index.stories.tsx index 53d3701d54e..84866476ee4 100644 --- a/packages/fxa-settings/src/components/CardLoadingSpinner/index.stories.tsx +++ b/packages/fxa-settings/src/components/CardLoadingSpinner/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import type { Meta, StoryObj } from '@storybook/react'; import { CardLoadingSpinner } from './'; import { SpinnerType } from 'fxa-react/components/LoadingSpinner'; diff --git a/packages/fxa-settings/src/components/CardLoadingSpinner/index.test.tsx b/packages/fxa-settings/src/components/CardLoadingSpinner/index.test.tsx index 581dabb3fed..b8c1e966428 100644 --- a/packages/fxa-settings/src/components/CardLoadingSpinner/index.test.tsx +++ b/packages/fxa-settings/src/components/CardLoadingSpinner/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { SpinnerType } from 'fxa-react/components/LoadingSpinner'; import { CardLoadingSpinner } from './'; diff --git a/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx b/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx index bf6d7613553..91afd9b30d3 100644 --- a/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx +++ b/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LoadingSpinner, { SpinnerType, } from 'fxa-react/components/LoadingSpinner'; diff --git a/packages/fxa-settings/src/components/ChooseNewsletters/index.stories.tsx b/packages/fxa-settings/src/components/ChooseNewsletters/index.stories.tsx index 56e05bc1e71..2ad9a16af35 100644 --- a/packages/fxa-settings/src/components/ChooseNewsletters/index.stories.tsx +++ b/packages/fxa-settings/src/components/ChooseNewsletters/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ChooseNewsletters from '.'; import AppLayout from '../AppLayout'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/ChooseNewsletters/index.test.tsx b/packages/fxa-settings/src/components/ChooseNewsletters/index.test.tsx index d5ee77bc2e5..3fdce996db6 100644 --- a/packages/fxa-settings/src/components/ChooseNewsletters/index.test.tsx +++ b/packages/fxa-settings/src/components/ChooseNewsletters/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; diff --git a/packages/fxa-settings/src/components/CmsButtonWithFallback/index.stories.tsx b/packages/fxa-settings/src/components/CmsButtonWithFallback/index.stories.tsx index 8a6d6096b79..407efac56f8 100644 --- a/packages/fxa-settings/src/components/CmsButtonWithFallback/index.stories.tsx +++ b/packages/fxa-settings/src/components/CmsButtonWithFallback/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import CmsButtonWithFallback from '.'; diff --git a/packages/fxa-settings/src/components/CmsButtonWithFallback/index.test.tsx b/packages/fxa-settings/src/components/CmsButtonWithFallback/index.test.tsx index 18d85193359..e770bad417d 100644 --- a/packages/fxa-settings/src/components/CmsButtonWithFallback/index.test.tsx +++ b/packages/fxa-settings/src/components/CmsButtonWithFallback/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import CmsButtonWithFallback from '.'; diff --git a/packages/fxa-settings/src/components/CmsLogo/index.stories.tsx b/packages/fxa-settings/src/components/CmsLogo/index.stories.tsx index bdb1bf78eb2..b6180436484 100644 --- a/packages/fxa-settings/src/components/CmsLogo/index.stories.tsx +++ b/packages/fxa-settings/src/components/CmsLogo/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import CmsLogo from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; @@ -22,45 +21,31 @@ export default { // Sample logo data for stories const mockMozillaLogo = { - logoUrl: 'https://gist.githubusercontent.com/dschom/857ebb2abd5f75937f211f1fd6bbf9a8/raw/33037c8905757a594e07eb29818d8519447fdec0/nightly-logo.svg', + logoUrl: + 'https://gist.githubusercontent.com/dschom/857ebb2abd5f75937f211f1fd6bbf9a8/raw/33037c8905757a594e07eb29818d8519447fdec0/nightly-logo.svg', logoAltText: 'Mozilla', }; const mockFirefoxLogo = { - logoUrl: 'https://gist.githubusercontent.com/dschom/c754b76333cda59f50845fe9b0ff6d52/raw/157b0af53142b24e0ddae936c711c010428e7bba/foxy-logo.svg', + logoUrl: + 'https://gist.githubusercontent.com/dschom/c754b76333cda59f50845fe9b0ff6d52/raw/157b0af53142b24e0ddae936c711c010428e7bba/foxy-logo.svg', logoAltText: 'Firefox', }; export const DesktopLeftAligned = () => ( - + ); export const DesktopCenterAligned = () => ( - + ); export const MobileHidden = () => ( - + ); export const NoLogo = () => ( - + ); export const InvalidLogo = () => ( @@ -84,22 +69,14 @@ export const MultipleLogos = () => ( ); export const FirefoxLogo = () => ( - + ); export const Comparison = () => (

Left Aligned (Desktop)

- +
@@ -113,22 +90,18 @@ export const Comparison = () => (

Mobile (Hidden)

-

Logo is hidden on mobile devices

- +

+ Logo is hidden on mobile devices +

+

No Logo

-

When no valid logo is provided

- +

+ When no valid logo is provided +

+
); diff --git a/packages/fxa-settings/src/components/CmsLogo/index.test.tsx b/packages/fxa-settings/src/components/CmsLogo/index.test.tsx index 5b308296e38..e0ea74c48ae 100644 --- a/packages/fxa-settings/src/components/CmsLogo/index.test.tsx +++ b/packages/fxa-settings/src/components/CmsLogo/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen } from '@testing-library/react'; import CmsLogo from '.'; @@ -25,18 +24,18 @@ describe('CmsLogo', () => { const img = screen.getByRole('img'); const wrapper = img.parentElement; - + expect(img).toBeInTheDocument(); expect(img.getAttribute('alt')).toEqual('foo'); expect(img.getAttribute('src')).toEqual('/foo.svg'); expect(img).toHaveClass('max-h-[40px]'); expect(img).not.toHaveClass('max-h-[160px]'); expect(img).not.toHaveClass('mx-auto'); - + expect(wrapper).toHaveClass('text-left'); expect(wrapper).toHaveClass('mb-4'); expect(wrapper).not.toHaveClass('text-center'); - + expect(container).toMatchSnapshot(); }); @@ -58,18 +57,18 @@ describe('CmsLogo', () => { const img = screen.getByRole('img'); const wrapper = img.parentElement; - + expect(img).toBeInTheDocument(); expect(img.getAttribute('alt')).toEqual('foo'); expect(img.getAttribute('src')).toEqual('/foo.svg'); expect(img).toHaveClass('max-h-[160px]'); expect(img).toHaveClass('mx-auto'); expect(img).not.toHaveClass('max-h-[40px]'); - + expect(wrapper).toHaveClass('text-center'); expect(wrapper).toHaveClass('mb-4'); expect(wrapper).not.toHaveClass('text-left'); - + expect(container).toMatchSnapshot(); }); diff --git a/packages/fxa-settings/src/components/CmsLogo/index.tsx b/packages/fxa-settings/src/components/CmsLogo/index.tsx index 9034882c3ba..e5d2c80e32e 100644 --- a/packages/fxa-settings/src/components/CmsLogo/index.tsx +++ b/packages/fxa-settings/src/components/CmsLogo/index.tsx @@ -2,8 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; - const CmsLogo = (opts: { isMobile: boolean; logoPosition: 'left' | 'center'; @@ -21,12 +19,16 @@ const CmsLogo = (opts: { return ( <> {!opts.isMobile && logo && ( -
+
{logo.logoAltText}
diff --git a/packages/fxa-settings/src/components/DarkModeToggle/index.stories.tsx b/packages/fxa-settings/src/components/DarkModeToggle/index.stories.tsx index 2364098ad86..e66960ba6df 100644 --- a/packages/fxa-settings/src/components/DarkModeToggle/index.stories.tsx +++ b/packages/fxa-settings/src/components/DarkModeToggle/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { DarkModeToggle } from './index'; diff --git a/packages/fxa-settings/src/components/DataBlock/index.stories.tsx b/packages/fxa-settings/src/components/DataBlock/index.stories.tsx index fc63fc5d8dc..9e7ba3f0c0b 100644 --- a/packages/fxa-settings/src/components/DataBlock/index.stories.tsx +++ b/packages/fxa-settings/src/components/DataBlock/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/DataBlock/index.test.tsx b/packages/fxa-settings/src/components/DataBlock/index.test.tsx index 238e49d64e3..0ccb0353c59 100644 --- a/packages/fxa-settings/src/components/DataBlock/index.test.tsx +++ b/packages/fxa-settings/src/components/DataBlock/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/DataBlock/mocks.tsx b/packages/fxa-settings/src/components/DataBlock/mocks.tsx index 412cb0ad86d..4f15b6ca4dc 100644 --- a/packages/fxa-settings/src/components/DataBlock/mocks.tsx +++ b/packages/fxa-settings/src/components/DataBlock/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import DataBlock, { DataBlockProps } from '.'; import { MOCK_EMAIL } from '../../pages/mocks'; diff --git a/packages/fxa-settings/src/components/DataBlockInline/index.stories.tsx b/packages/fxa-settings/src/components/DataBlockInline/index.stories.tsx index e86af006a9b..6722fa3d445 100644 --- a/packages/fxa-settings/src/components/DataBlockInline/index.stories.tsx +++ b/packages/fxa-settings/src/components/DataBlockInline/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/DataBlockInline/index.test.tsx b/packages/fxa-settings/src/components/DataBlockInline/index.test.tsx index fe36ec01a86..1fdea6a4cf8 100644 --- a/packages/fxa-settings/src/components/DataBlockInline/index.test.tsx +++ b/packages/fxa-settings/src/components/DataBlockInline/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/DataBlockInline/mocks.tsx b/packages/fxa-settings/src/components/DataBlockInline/mocks.tsx index 96033f7adc8..2a588564b1d 100644 --- a/packages/fxa-settings/src/components/DataBlockInline/mocks.tsx +++ b/packages/fxa-settings/src/components/DataBlockInline/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import DataBlockInline, { DataBlockInlineProps } from '.'; export const Subject = ({ diff --git a/packages/fxa-settings/src/components/DeviceInfoBlock/index.stories.tsx b/packages/fxa-settings/src/components/DeviceInfoBlock/index.stories.tsx index a226c7bb395..1671cb0680e 100644 --- a/packages/fxa-settings/src/components/DeviceInfoBlock/index.stories.tsx +++ b/packages/fxa-settings/src/components/DeviceInfoBlock/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import DeviceInfoBlock from '.'; import { RemoteMetadata } from '../../lib/types'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/DeviceInfoBlock/index.test.tsx b/packages/fxa-settings/src/components/DeviceInfoBlock/index.test.tsx index 2102854925a..a287873a558 100644 --- a/packages/fxa-settings/src/components/DeviceInfoBlock/index.test.tsx +++ b/packages/fxa-settings/src/components/DeviceInfoBlock/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import DeviceInfoBlock from '.'; diff --git a/packages/fxa-settings/src/components/DeviceInfoBlock/index.tsx b/packages/fxa-settings/src/components/DeviceInfoBlock/index.tsx index e4a7a540ce5..774b7e2bc52 100644 --- a/packages/fxa-settings/src/components/DeviceInfoBlock/index.tsx +++ b/packages/fxa-settings/src/components/DeviceInfoBlock/index.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { FtlMsg } from 'fxa-react/lib/utils'; -import React from 'react'; import { RemoteMetadata } from '../../lib/types'; // Remote metadata is obtained from pairing channel diff --git a/packages/fxa-settings/src/components/ErrorBoundaries/index.stories.tsx b/packages/fxa-settings/src/components/ErrorBoundaries/index.stories.tsx index ec8cfa6560e..3616433e41c 100644 --- a/packages/fxa-settings/src/components/ErrorBoundaries/index.stories.tsx +++ b/packages/fxa-settings/src/components/ErrorBoundaries/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { AppError } from '.'; import { UrlQueryData } from '../../lib/model-data'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/FormChoice/index.stories.tsx b/packages/fxa-settings/src/components/FormChoice/index.stories.tsx index 90c7b63fa7e..45b5651f472 100644 --- a/packages/fxa-settings/src/components/FormChoice/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormChoice/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import FormChoice from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/FormChoice/index.test.tsx b/packages/fxa-settings/src/components/FormChoice/index.test.tsx index 564a6387a75..df450bae390 100644 --- a/packages/fxa-settings/src/components/FormChoice/index.test.tsx +++ b/packages/fxa-settings/src/components/FormChoice/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import FormChoice, { FormChoiceProps } from '.'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { commonFormChoiceProps } from './mocks'; diff --git a/packages/fxa-settings/src/components/FormChoice/mocks.tsx b/packages/fxa-settings/src/components/FormChoice/mocks.tsx index 620a7db88e4..cf19ffc581d 100644 --- a/packages/fxa-settings/src/components/FormChoice/mocks.tsx +++ b/packages/fxa-settings/src/components/FormChoice/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { CHOICES } from '.'; import { BackupAuthenticationCodesImage, diff --git a/packages/fxa-settings/src/components/FormPassword/index.stories.tsx b/packages/fxa-settings/src/components/FormPassword/index.stories.tsx index f1f47e89a49..de32de83ebc 100644 --- a/packages/fxa-settings/src/components/FormPassword/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Subject } from './mocks'; import { LocationProvider } from '@reach/router'; import FormPassword from '.'; diff --git a/packages/fxa-settings/src/components/FormPassword/index.test.tsx b/packages/fxa-settings/src/components/FormPassword/index.test.tsx index c3e3fb8a71f..4513a7ddc34 100644 --- a/packages/fxa-settings/src/components/FormPassword/index.test.tsx +++ b/packages/fxa-settings/src/components/FormPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { typeByTestIdFn } from '../../lib/test-utils'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.stories.tsx b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.stories.tsx index fb487f5fd7f..091adebf066 100644 --- a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Subject } from './mocks'; import AppLayout from '../AppLayout'; import FormPasswordInline from '.'; diff --git a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.test.tsx b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.test.tsx index 571dabe24ea..06195cd7c1a 100644 --- a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.test.tsx +++ b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import { UserEvent, userEvent } from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx index 5b3fc31d126..a85a019f0f7 100644 --- a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx +++ b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { useForm } from 'react-hook-form'; import FormPasswordWithInlineCriteria, { PasswordFormType } from '.'; import { MOCK_ACCOUNT } from '../../models/mocks'; diff --git a/packages/fxa-settings/src/components/FormPhoneNumber/index.stories.tsx b/packages/fxa-settings/src/components/FormPhoneNumber/index.stories.tsx index 0059046175d..70769968ca8 100644 --- a/packages/fxa-settings/src/components/FormPhoneNumber/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormPhoneNumber/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import FormPhoneNumber from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx b/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx index bff9c9b27da..2e2de9ee529 100644 --- a/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx +++ b/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor, act } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import FormPhoneNumber from '.'; @@ -12,12 +11,13 @@ const mockSubmit = jest.fn(); describe('FormPhoneNumber', () => { async function render() { - await act(() => {renderWithLocalizationProvider( + await act(() => { + renderWithLocalizationProvider( - ) + ); }); } diff --git a/packages/fxa-settings/src/components/FormSetupAccount/index.tsx b/packages/fxa-settings/src/components/FormSetupAccount/index.tsx index 148f5bfde5d..9280aaf618c 100644 --- a/packages/fxa-settings/src/components/FormSetupAccount/index.tsx +++ b/packages/fxa-settings/src/components/FormSetupAccount/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FormSetupAccountProps } from './interfaces'; import FormPasswordWithInlineCriteria from '../FormPasswordWithInlineCriteria'; diff --git a/packages/fxa-settings/src/components/FormVerifyCode/index.stories.tsx b/packages/fxa-settings/src/components/FormVerifyCode/index.stories.tsx index bc90da19e09..d6611248991 100644 --- a/packages/fxa-settings/src/components/FormVerifyCode/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormVerifyCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import FormVerifyCode from '.'; import AppLayout from '../../components/AppLayout'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/FormVerifyCode/index.test.tsx b/packages/fxa-settings/src/components/FormVerifyCode/index.test.tsx index 7e110a7429e..f9c3b1b89e1 100644 --- a/packages/fxa-settings/src/components/FormVerifyCode/index.test.tsx +++ b/packages/fxa-settings/src/components/FormVerifyCode/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/components/FormVerifyTotp/index.stories.tsx b/packages/fxa-settings/src/components/FormVerifyTotp/index.stories.tsx index 1826ece55ba..829a1b0f089 100644 --- a/packages/fxa-settings/src/components/FormVerifyTotp/index.stories.tsx +++ b/packages/fxa-settings/src/components/FormVerifyTotp/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import FormVerifyTotp from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/FormVerifyTotp/index.test.tsx b/packages/fxa-settings/src/components/FormVerifyTotp/index.test.tsx index 4d613ee658e..0e0a1547ea8 100644 --- a/packages/fxa-settings/src/components/FormVerifyTotp/index.test.tsx +++ b/packages/fxa-settings/src/components/FormVerifyTotp/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; -import React from 'react'; import Subject from './mocks'; import userEvent from '@testing-library/user-event'; import { screen, waitFor } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/components/GetDataTrio/index.stories.tsx b/packages/fxa-settings/src/components/GetDataTrio/index.stories.tsx index 7976fa3a3fd..16cad507371 100644 --- a/packages/fxa-settings/src/components/GetDataTrio/index.stories.tsx +++ b/packages/fxa-settings/src/components/GetDataTrio/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Meta } from '@storybook/react'; import GetDataTrio, { GetDataCopySingleton, diff --git a/packages/fxa-settings/src/components/GetDataTrio/index.test.tsx b/packages/fxa-settings/src/components/GetDataTrio/index.test.tsx index 7c2c35d70a5..2dc837affb4 100644 --- a/packages/fxa-settings/src/components/GetDataTrio/index.test.tsx +++ b/packages/fxa-settings/src/components/GetDataTrio/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import GetDataTrio from './index'; diff --git a/packages/fxa-settings/src/components/HeadingPrimary/index.stories.tsx b/packages/fxa-settings/src/components/HeadingPrimary/index.stories.tsx index 0979645aefe..541ff1a1765 100644 --- a/packages/fxa-settings/src/components/HeadingPrimary/index.stories.tsx +++ b/packages/fxa-settings/src/components/HeadingPrimary/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { HeadingPrimary } from '.'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/IconListItem/index.stories.tsx b/packages/fxa-settings/src/components/IconListItem/index.stories.tsx index 5ec42390039..ecc855fe0af 100644 --- a/packages/fxa-settings/src/components/IconListItem/index.stories.tsx +++ b/packages/fxa-settings/src/components/IconListItem/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { diff --git a/packages/fxa-settings/src/components/IconListItem/index.test.tsx b/packages/fxa-settings/src/components/IconListItem/index.test.tsx index a2d08e9b9ef..acbcafcee72 100644 --- a/packages/fxa-settings/src/components/IconListItem/index.test.tsx +++ b/packages/fxa-settings/src/components/IconListItem/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { KeyIconListItem } from '.'; diff --git a/packages/fxa-settings/src/components/IconListItem/index.tsx b/packages/fxa-settings/src/components/IconListItem/index.tsx index 4e4f9e87e66..279ba95ec99 100644 --- a/packages/fxa-settings/src/components/IconListItem/index.tsx +++ b/packages/fxa-settings/src/components/IconListItem/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { ReactComponent as IconFolder } from './icon-folder.svg'; import { ReactComponent as IconGlobe } from './icon-globe.svg'; import { ReactComponent as IconKey } from './icon-key.svg'; diff --git a/packages/fxa-settings/src/components/Icons/index.stories.tsx b/packages/fxa-settings/src/components/Icons/index.stories.tsx index e211a70e879..cfd6714cef7 100644 --- a/packages/fxa-settings/src/components/Icons/index.stories.tsx +++ b/packages/fxa-settings/src/components/Icons/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { diff --git a/packages/fxa-settings/src/components/Icons/index.tsx b/packages/fxa-settings/src/components/Icons/index.tsx index 1d509bea770..1e2969c7943 100644 --- a/packages/fxa-settings/src/components/Icons/index.tsx +++ b/packages/fxa-settings/src/components/Icons/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { ImageProps, PreparedImage as PreparedIcon } from '../PreparedImage'; import { ReactComponent as AlertFull } from './icon_alert_triangle_full_yellow.min.svg'; import { ReactComponent as AlertOutlineCurrent } from './icon_alert_triangle_outline_current.min.svg'; diff --git a/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/index.stories.tsx b/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/index.stories.tsx index fb68d36a7dc..36973f45ba7 100644 --- a/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/index.stories.tsx +++ b/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InlineRecoveryKeySetupCreate from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/mocks.tsx b/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/mocks.tsx index 38eaeb5e1f6..85966fb64f7 100644 --- a/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/mocks.tsx +++ b/packages/fxa-settings/src/components/InlineRecoveryKeySetupCreate/mocks.tsx @@ -2,8 +2,9 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; -import InlineRecoveryKeySetupCreate, { InlineRecoveryKeySetupCreateProps } from '.'; +import InlineRecoveryKeySetupCreate, { + InlineRecoveryKeySetupCreateProps, +} from '.'; import AppLayout from '../AppLayout'; export const Subject = (props: Partial) => ( diff --git a/packages/fxa-settings/src/components/InputCheckboxBlue/index.stories.tsx b/packages/fxa-settings/src/components/InputCheckboxBlue/index.stories.tsx index 28780d34ca8..16db07e472a 100644 --- a/packages/fxa-settings/src/components/InputCheckboxBlue/index.stories.tsx +++ b/packages/fxa-settings/src/components/InputCheckboxBlue/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InputCheckboxBlue from './index'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/InputCheckboxBlue/index.test.tsx b/packages/fxa-settings/src/components/InputCheckboxBlue/index.test.tsx index dda7e0646c3..77d6b9306f3 100644 --- a/packages/fxa-settings/src/components/InputCheckboxBlue/index.test.tsx +++ b/packages/fxa-settings/src/components/InputCheckboxBlue/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import InputCheckboxBlue from '.'; diff --git a/packages/fxa-settings/src/components/InputPassword/index.stories.tsx b/packages/fxa-settings/src/components/InputPassword/index.stories.tsx index 9fbbf84604d..92b6b328190 100644 --- a/packages/fxa-settings/src/components/InputPassword/index.stories.tsx +++ b/packages/fxa-settings/src/components/InputPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import InputPassword from '.'; diff --git a/packages/fxa-settings/src/components/InputPassword/index.test.tsx b/packages/fxa-settings/src/components/InputPassword/index.test.tsx index 74dc51dbc8f..e52a82185ab 100644 --- a/packages/fxa-settings/src/components/InputPassword/index.test.tsx +++ b/packages/fxa-settings/src/components/InputPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import InputPassword from '.'; diff --git a/packages/fxa-settings/src/components/InputPassword/mocks.tsx b/packages/fxa-settings/src/components/InputPassword/mocks.tsx index 00ac2d1f247..da494324f7a 100644 --- a/packages/fxa-settings/src/components/InputPassword/mocks.tsx +++ b/packages/fxa-settings/src/components/InputPassword/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InputPassword from '.'; export const SubjectWithPairedInputs = () => { diff --git a/packages/fxa-settings/src/components/InputPhoneNumber/index.stories.tsx b/packages/fxa-settings/src/components/InputPhoneNumber/index.stories.tsx index 5d764220af8..b27c31610a0 100644 --- a/packages/fxa-settings/src/components/InputPhoneNumber/index.stories.tsx +++ b/packages/fxa-settings/src/components/InputPhoneNumber/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InputPhoneNumber from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/InputPhoneNumber/index.test.tsx b/packages/fxa-settings/src/components/InputPhoneNumber/index.test.tsx index 4448673d257..beea4c0023d 100644 --- a/packages/fxa-settings/src/components/InputPhoneNumber/index.test.tsx +++ b/packages/fxa-settings/src/components/InputPhoneNumber/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { extendedCountryOptions, Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/InputPhoneNumber/mocks.tsx b/packages/fxa-settings/src/components/InputPhoneNumber/mocks.tsx index 268bef1478a..1fe427c537e 100644 --- a/packages/fxa-settings/src/components/InputPhoneNumber/mocks.tsx +++ b/packages/fxa-settings/src/components/InputPhoneNumber/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InputPhoneNumber, { defaultCountries, phoneNorthAmerica } from '.'; import { useForm } from 'react-hook-form'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/InputText/index.stories.tsx b/packages/fxa-settings/src/components/InputText/index.stories.tsx index bc47d7f7ab3..e57b59a9d6e 100644 --- a/packages/fxa-settings/src/components/InputText/index.stories.tsx +++ b/packages/fxa-settings/src/components/InputText/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import InputText from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/InputText/index.test.tsx b/packages/fxa-settings/src/components/InputText/index.test.tsx index db5be5b4ae0..1de1995b008 100644 --- a/packages/fxa-settings/src/components/InputText/index.test.tsx +++ b/packages/fxa-settings/src/components/InputText/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, cleanup } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import InputText from '.'; diff --git a/packages/fxa-settings/src/components/LegalWithMarkdown/index.test.tsx b/packages/fxa-settings/src/components/LegalWithMarkdown/index.test.tsx index 5d854be5868..c778cbfb90f 100644 --- a/packages/fxa-settings/src/components/LegalWithMarkdown/index.test.tsx +++ b/packages/fxa-settings/src/components/LegalWithMarkdown/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Subject } from './mocks'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/LinkDamaged/index.stories.tsx b/packages/fxa-settings/src/components/LinkDamaged/index.stories.tsx index 76bc15b54fc..9399877f65b 100644 --- a/packages/fxa-settings/src/components/LinkDamaged/index.stories.tsx +++ b/packages/fxa-settings/src/components/LinkDamaged/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { ReportSigninLinkDamaged, diff --git a/packages/fxa-settings/src/components/LinkDamaged/index.test.tsx b/packages/fxa-settings/src/components/LinkDamaged/index.test.tsx index b15fb45e928..f15f6ae3db2 100644 --- a/packages/fxa-settings/src/components/LinkDamaged/index.test.tsx +++ b/packages/fxa-settings/src/components/LinkDamaged/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { diff --git a/packages/fxa-settings/src/components/LinkDamaged/index.tsx b/packages/fxa-settings/src/components/LinkDamaged/index.tsx index b5af812b5a1..90033388081 100644 --- a/packages/fxa-settings/src/components/LinkDamaged/index.tsx +++ b/packages/fxa-settings/src/components/LinkDamaged/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../CardHeader'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx b/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx index 4de3e7c2109..993fa8bbe72 100644 --- a/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx +++ b/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { StoryFn } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/LinkExpired/index.test.tsx b/packages/fxa-settings/src/components/LinkExpired/index.test.tsx index 2ff9dd406e9..4dbf938826f 100644 --- a/packages/fxa-settings/src/components/LinkExpired/index.test.tsx +++ b/packages/fxa-settings/src/components/LinkExpired/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { LinkExpired, LinkExpiredProps } from '.'; import { ResendStatus } from 'fxa-settings/src/lib/types'; diff --git a/packages/fxa-settings/src/components/LinkExpired/index.tsx b/packages/fxa-settings/src/components/LinkExpired/index.tsx index 7917dbc5bd1..b9b0590b9d3 100644 --- a/packages/fxa-settings/src/components/LinkExpired/index.tsx +++ b/packages/fxa-settings/src/components/LinkExpired/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../CardHeader'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/LinkRememberPassword/index.stories.tsx b/packages/fxa-settings/src/components/LinkRememberPassword/index.stories.tsx index d0118391167..42a7b5bfa66 100644 --- a/packages/fxa-settings/src/components/LinkRememberPassword/index.stories.tsx +++ b/packages/fxa-settings/src/components/LinkRememberPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LinkRememberPassword from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/LinkRememberPassword/index.test.tsx b/packages/fxa-settings/src/components/LinkRememberPassword/index.test.tsx index 657ec34b2d3..98bfa7b357f 100644 --- a/packages/fxa-settings/src/components/LinkRememberPassword/index.test.tsx +++ b/packages/fxa-settings/src/components/LinkRememberPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import LinkRememberPassword, { LinkRememberPasswordProps } from '.'; diff --git a/packages/fxa-settings/src/components/LinkUsed/index.stories.tsx b/packages/fxa-settings/src/components/LinkUsed/index.stories.tsx index a566ee1258a..1e0a5f4da0a 100644 --- a/packages/fxa-settings/src/components/LinkUsed/index.stories.tsx +++ b/packages/fxa-settings/src/components/LinkUsed/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import LinkUsed from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/LinkUsed/index.test.tsx b/packages/fxa-settings/src/components/LinkUsed/index.test.tsx index c1bb13b66ae..1d0fcbfaed8 100644 --- a/packages/fxa-settings/src/components/LinkUsed/index.test.tsx +++ b/packages/fxa-settings/src/components/LinkUsed/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import LinkUsed from '.'; diff --git a/packages/fxa-settings/src/components/LinkUsed/index.tsx b/packages/fxa-settings/src/components/LinkUsed/index.tsx index 1f8cba0ca11..2016836564f 100644 --- a/packages/fxa-settings/src/components/LinkUsed/index.tsx +++ b/packages/fxa-settings/src/components/LinkUsed/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../CardHeader'; import AppLayout from '../AppLayout'; diff --git a/packages/fxa-settings/src/components/MarkdownLegal/index.tsx b/packages/fxa-settings/src/components/MarkdownLegal/index.tsx index 19a2c1530fb..b32af0ae6fb 100644 --- a/packages/fxa-settings/src/components/MarkdownLegal/index.tsx +++ b/packages/fxa-settings/src/components/MarkdownLegal/index.tsx @@ -5,7 +5,6 @@ /* eslint-disable jsx-a11y/heading-has-content */ import LinkExternal from 'fxa-react/components/LinkExternal'; -import React from 'react'; import ReactMarkdown from 'react-markdown'; import rehypeRaw from 'rehype-raw'; diff --git a/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.test.tsx b/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.test.tsx index 44aa0891630..799cc554b17 100644 --- a/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.test.tsx +++ b/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, render } from '@testing-library/react'; import { OAuthClientFeatureFlag } from '.'; diff --git a/packages/fxa-settings/src/components/OAuthDataError/index.stories.tsx b/packages/fxa-settings/src/components/OAuthDataError/index.stories.tsx index ae0834f34f6..88e9b8b9ca0 100644 --- a/packages/fxa-settings/src/components/OAuthDataError/index.stories.tsx +++ b/packages/fxa-settings/src/components/OAuthDataError/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import OAuthDataError from './index'; import { AuthUiErrors } from '../../lib/auth-errors/auth-errors'; diff --git a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.stories.tsx b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.stories.tsx index 819fb554a34..b97f90a08dc 100644 --- a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.stories.tsx +++ b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AppLayout from '../AppLayout'; import { Meta } from '@storybook/react'; import PasswordInfoBalloon from '.'; diff --git a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.test.tsx b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.test.tsx index e4b9b799ae6..e3b70b40602 100644 --- a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.test.tsx +++ b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; diff --git a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.tsx b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.tsx index ee799a9945e..7f3f13ecf05 100644 --- a/packages/fxa-settings/src/components/PasswordInfoBalloon/index.tsx +++ b/packages/fxa-settings/src/components/PasswordInfoBalloon/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import { KeyIconListItem } from '../IconListItem'; diff --git a/packages/fxa-settings/src/components/PasswordStrengthInline/index.stories.tsx b/packages/fxa-settings/src/components/PasswordStrengthInline/index.stories.tsx index a2d406d3c5c..3021e2a8ec5 100644 --- a/packages/fxa-settings/src/components/PasswordStrengthInline/index.stories.tsx +++ b/packages/fxa-settings/src/components/PasswordStrengthInline/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AppLayout from '../AppLayout'; import { Meta } from '@storybook/react'; import PasswordStrengthInline, { PasswordStrengthInlineProps } from '.'; diff --git a/packages/fxa-settings/src/components/PasswordStrengthInline/index.test.tsx b/packages/fxa-settings/src/components/PasswordStrengthInline/index.test.tsx index 0eb2dbc1dc5..8e4ea4b1f99 100644 --- a/packages/fxa-settings/src/components/PasswordStrengthInline/index.test.tsx +++ b/packages/fxa-settings/src/components/PasswordStrengthInline/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import PasswordStrengthInline from '.'; diff --git a/packages/fxa-settings/src/components/PreparedImage/index.test.tsx b/packages/fxa-settings/src/components/PreparedImage/index.test.tsx index 43e0cfbcfc3..0c8a73f904a 100644 --- a/packages/fxa-settings/src/components/PreparedImage/index.test.tsx +++ b/packages/fxa-settings/src/components/PreparedImage/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { HeartsVerifiedImage } from '../images'; diff --git a/packages/fxa-settings/src/components/PromoQrMobile/index.stories.tsx b/packages/fxa-settings/src/components/PromoQrMobile/index.stories.tsx index 02d22d0d7a8..465fe741da4 100644 --- a/packages/fxa-settings/src/components/PromoQrMobile/index.stories.tsx +++ b/packages/fxa-settings/src/components/PromoQrMobile/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { LocationProvider, diff --git a/packages/fxa-settings/src/components/PromoQrMobile/index.test.tsx b/packages/fxa-settings/src/components/PromoQrMobile/index.test.tsx index e8ff0c93307..badf295a7bd 100644 --- a/packages/fxa-settings/src/components/PromoQrMobile/index.test.tsx +++ b/packages/fxa-settings/src/components/PromoQrMobile/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { createHistory, createMemorySource } from '@reach/router'; import { PromoQrMobile, PromoQrMobileIntegration } from '.'; diff --git a/packages/fxa-settings/src/components/PromotionBanner/index.stories.tsx b/packages/fxa-settings/src/components/PromotionBanner/index.stories.tsx index 95ca299e9f4..fb2a6d56423 100644 --- a/packages/fxa-settings/src/components/PromotionBanner/index.stories.tsx +++ b/packages/fxa-settings/src/components/PromotionBanner/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import PromotionBanner, { diff --git a/packages/fxa-settings/src/components/PromotionBanner/index.test.tsx b/packages/fxa-settings/src/components/PromotionBanner/index.test.tsx index df1ce838cc3..861f6f1e4c5 100644 --- a/packages/fxa-settings/src/components/PromotionBanner/index.test.tsx +++ b/packages/fxa-settings/src/components/PromotionBanner/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import PromotionBanner, { diff --git a/packages/fxa-settings/src/components/Ready/index.stories.tsx b/packages/fxa-settings/src/components/Ready/index.stories.tsx index 19ec5a5be2c..d9896afa028 100644 --- a/packages/fxa-settings/src/components/Ready/index.stories.tsx +++ b/packages/fxa-settings/src/components/Ready/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Ready, { ReadyProps } from '.'; import { Meta } from '@storybook/react'; import { MozServices } from '../../lib/types'; diff --git a/packages/fxa-settings/src/components/Ready/index.test.tsx b/packages/fxa-settings/src/components/Ready/index.test.tsx index b0aab1130e9..3054197dd19 100644 --- a/packages/fxa-settings/src/components/Ready/index.test.tsx +++ b/packages/fxa-settings/src/components/Ready/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.stories.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.stories.tsx index 28888cd9205..21e8c9aae3c 100644 --- a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.stories.tsx +++ b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import RecoveryKeySetupDownload from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.test.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.test.tsx index e74a5307d9b..54c86c31953 100644 --- a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.test.tsx +++ b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/index.test.tsx @@ -2,11 +2,13 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor, within } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Subject } from './mocks'; -import { MOCK_CMS_INFO, MOCK_RECOVERY_KEY_WITH_SPACES } from '../../pages/mocks'; +import { + MOCK_CMS_INFO, + MOCK_RECOVERY_KEY_WITH_SPACES, +} from '../../pages/mocks'; describe('RecoveryKeySetupDownload', () => { it('renders as expected', async () => { @@ -42,10 +44,10 @@ describe('RecoveryKeySetupDownload', () => { // so we have a separate test that targets just the thing that // cms is passed through to, the `Download and continue` button. it('renders button with CMS passthrough', () => { - renderWithLocalizationProvider( - - ); - const cmsButton = screen.getByRole('button', { name: 'Download and continue' }); + renderWithLocalizationProvider(); + const cmsButton = screen.getByRole('button', { + name: 'Download and continue', + }); expect(cmsButton).toMatchSnapshot(); }); }); diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/mocks.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/mocks.tsx index bd91534d96d..6cdcd23635f 100644 --- a/packages/fxa-settings/src/components/RecoveryKeySetupDownload/mocks.tsx +++ b/packages/fxa-settings/src/components/RecoveryKeySetupDownload/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import RecoveryKeySetupDownload, { RecoveryKeySetupDownloadProps } from '.'; import { MOCK_ACCOUNT } from '../../models/mocks'; import { MOCK_RECOVERY_KEY_WITH_SPACES } from '../../pages/mocks'; diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.stories.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.stories.tsx index 0eda099cd18..d9e0607380b 100644 --- a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.stories.tsx +++ b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import RecoveryKeySetupHint from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.test.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.test.tsx index 6545871d374..48e21065517 100644 --- a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.test.tsx +++ b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import { logViewEvent } from '../../lib/metrics'; import { Account } from '../../models'; diff --git a/packages/fxa-settings/src/components/ResetPasswordWarning/index.stories.tsx b/packages/fxa-settings/src/components/ResetPasswordWarning/index.stories.tsx index 1ebdcb26bd4..fce11a3507d 100644 --- a/packages/fxa-settings/src/components/ResetPasswordWarning/index.stories.tsx +++ b/packages/fxa-settings/src/components/ResetPasswordWarning/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import ResetPasswordWarning from '.'; diff --git a/packages/fxa-settings/src/components/Settings/AlertBar/index.stories.tsx b/packages/fxa-settings/src/components/Settings/AlertBar/index.stories.tsx index de2a8129913..0464ce76417 100644 --- a/packages/fxa-settings/src/components/Settings/AlertBar/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/AlertBar/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { AlertBar } from './index'; import { alertContent, alertType, alertVisible } from '../../../models'; diff --git a/packages/fxa-settings/src/components/Settings/AlertBar/index.test.tsx b/packages/fxa-settings/src/components/Settings/AlertBar/index.test.tsx index aa48ec68559..600ff1ee1ac 100644 --- a/packages/fxa-settings/src/components/Settings/AlertBar/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/AlertBar/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import AlertBar from '.'; diff --git a/packages/fxa-settings/src/components/Settings/Avatar/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Avatar/index.stories.tsx index b14d96b5fd3..c86093f1c02 100644 --- a/packages/fxa-settings/src/components/Settings/Avatar/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Avatar/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Avatar from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/Avatar/index.test.tsx b/packages/fxa-settings/src/components/Settings/Avatar/index.test.tsx index bd0d77cce85..4ca7a2464e9 100644 --- a/packages/fxa-settings/src/components/Settings/Avatar/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Avatar/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import Avatar from '.'; diff --git a/packages/fxa-settings/src/components/Settings/Avatar/index.tsx b/packages/fxa-settings/src/components/Settings/Avatar/index.tsx index 3bdd4f0d923..7fd6aba57d7 100644 --- a/packages/fxa-settings/src/components/Settings/Avatar/index.tsx +++ b/packages/fxa-settings/src/components/Settings/Avatar/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Localized } from '@fluent/react'; import classNames from 'classnames'; import defaultAvatar from './avatar-default.svg'; diff --git a/packages/fxa-settings/src/components/Settings/BentoMenu/index.stories.tsx b/packages/fxa-settings/src/components/Settings/BentoMenu/index.stories.tsx index e2f52173522..10010c875d2 100644 --- a/packages/fxa-settings/src/components/Settings/BentoMenu/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/BentoMenu/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import BentoMenu from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/BentoMenu/index.test.tsx b/packages/fxa-settings/src/components/Settings/BentoMenu/index.test.tsx index bd4a6412e88..b0d8dafa7b7 100644 --- a/packages/fxa-settings/src/components/Settings/BentoMenu/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/BentoMenu/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import BentoMenu from '.'; diff --git a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx index d8b66c51b4e..8210c20ca7d 100644 --- a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ButtonIcon, { ButtonIconTrash, ButtonIconReload } from '.'; import { StoryFn } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.test.tsx b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.test.tsx index 8b2254e83ba..1e0f60a8e01 100644 --- a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { ReactComponent as TrashIcon } from './trash-icon.svg'; diff --git a/packages/fxa-settings/src/components/Settings/Checkbox/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Checkbox/index.stories.tsx index f35c190c1e8..fd5ee2847d3 100644 --- a/packages/fxa-settings/src/components/Settings/Checkbox/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Checkbox/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Checkbox from './index'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/Checkbox/index.test.tsx b/packages/fxa-settings/src/components/Settings/Checkbox/index.test.tsx index adeac1bf0aa..5772959734c 100644 --- a/packages/fxa-settings/src/components/Settings/Checkbox/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Checkbox/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import Checkbox from './index'; diff --git a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.stories.tsx index fb6c0c5d32a..de7a17938c2 100644 --- a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { ConnectAnotherDevicePromo } from '.'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.test.tsx b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.test.tsx index 26827ab9b37..1cb8b17c77a 100644 --- a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import ConnectAnotherDevicePromo from '.'; import { renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/storeImageLoader.tsx b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/storeImageLoader.tsx index 4c9de30618b..1e2071c767a 100644 --- a/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/storeImageLoader.tsx +++ b/packages/fxa-settings/src/components/Settings/ConnectAnotherDevicePromo/storeImageLoader.tsx @@ -2,8 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; - import daApple from './apple-app-store-button/da.svg'; import deApple from './apple-app-store-button/de.svg'; import enApple from './apple-app-store-button/en.svg'; diff --git a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.stories.tsx index 4f40912c083..4c67b889523 100644 --- a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.test.tsx b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.test.tsx index 0177d9c7ffe..a1ea2b109de 100644 --- a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { act, fireEvent, screen } from '@testing-library/react'; import ConnectedServices, { sortAndFilterConnectedClients } from '.'; import { OAuthNativeClients } from '@fxa/accounts/oauth'; diff --git a/packages/fxa-settings/src/components/Settings/ContentSkip/index.test.tsx b/packages/fxa-settings/src/components/Settings/ContentSkip/index.test.tsx index e484f438f42..4347e8509a8 100644 --- a/packages/fxa-settings/src/components/Settings/ContentSkip/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ContentSkip/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import ContentSkip from '.'; diff --git a/packages/fxa-settings/src/components/Settings/ContentSkip/index.tsx b/packages/fxa-settings/src/components/Settings/ContentSkip/index.tsx index 9e370e853f0..485602ae195 100644 --- a/packages/fxa-settings/src/components/Settings/ContentSkip/index.tsx +++ b/packages/fxa-settings/src/components/Settings/ContentSkip/index.tsx @@ -2,8 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; - export const ContentSkip = () => ( { await waitFor(() => expect(mockVerifyPhoneNumber).toHaveBeenCalledTimes(1)); expect(mockNavigateForward).toHaveBeenCalledTimes(1); }); - test('handles error during number verification', async () => { + test('handles error during number verification', async () => { mockVerifyPhoneNumber.mockRejectedValueOnce(new Error('error')); const user = userEvent.setup(); await renderWith(); diff --git a/packages/fxa-settings/src/components/Settings/HeaderLockup/index.stories.tsx b/packages/fxa-settings/src/components/Settings/HeaderLockup/index.stories.tsx index 4916a7287f4..19fa9761c9d 100644 --- a/packages/fxa-settings/src/components/Settings/HeaderLockup/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/HeaderLockup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { HeaderLockup } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/HeaderLockup/index.test.tsx b/packages/fxa-settings/src/components/Settings/HeaderLockup/index.test.tsx index 6195c459caf..d1906f8db86 100644 --- a/packages/fxa-settings/src/components/Settings/HeaderLockup/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/HeaderLockup/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import HeaderLockup from '.'; import { userEvent } from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/components/Settings/LinkedAccounts/LinkedAccount.tsx b/packages/fxa-settings/src/components/Settings/LinkedAccounts/LinkedAccount.tsx index d088363ad4b..c95c2d67d0a 100644 --- a/packages/fxa-settings/src/components/Settings/LinkedAccounts/LinkedAccount.tsx +++ b/packages/fxa-settings/src/components/Settings/LinkedAccounts/LinkedAccount.tsx @@ -2,8 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; - import { Localized } from '@fluent/react'; import { ReactComponent as GoogleIcon } from './google.svg'; import { ReactComponent as AppleIcon } from './apple.svg'; diff --git a/packages/fxa-settings/src/components/Settings/LinkedAccounts/index.stories.tsx b/packages/fxa-settings/src/components/Settings/LinkedAccounts/index.stories.tsx index 4dd4ab7e94f..30671ccb7fc 100644 --- a/packages/fxa-settings/src/components/Settings/LinkedAccounts/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/LinkedAccounts/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LinkedAccounts } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/MfaGuard/index.stories.tsx b/packages/fxa-settings/src/components/Settings/MfaGuard/index.stories.tsx index 93d029afa95..82b3883a5bc 100644 --- a/packages/fxa-settings/src/components/Settings/MfaGuard/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/MfaGuard/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization, withLocation } from 'fxa-react/lib/storybooks'; import { action } from '@storybook/addon-actions'; diff --git a/packages/fxa-settings/src/components/Settings/MfaGuard/index.test.tsx b/packages/fxa-settings/src/components/Settings/MfaGuard/index.test.tsx index e04a2149c29..77c4c7b0d79 100644 --- a/packages/fxa-settings/src/components/Settings/MfaGuard/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/MfaGuard/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { mockAppContext, renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/Modal/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Modal/index.stories.tsx index 6733cc93ddc..e8e0b3ec964 100644 --- a/packages/fxa-settings/src/components/Settings/Modal/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Modal/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useCallback } from 'react'; +import { MouseEvent, ReactNode, useCallback } from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { useBooleanState } from 'fxa-react/lib/hooks'; @@ -16,12 +16,12 @@ type ModalToggleChildrenProps = { showModal: () => void; }; type ModalToggleProps = { - children: (props: ModalToggleChildrenProps) => React.ReactNode | null; + children: (props: ModalToggleChildrenProps) => ReactNode | null; }; const ModalToggle = ({ children }: ModalToggleProps) => { const [modalRevealed, showModal, hideModal] = useBooleanState(true); const onClick = useCallback( - (ev: React.MouseEvent) => { + (ev: MouseEvent) => { ev.stopPropagation(); showModal(); }, diff --git a/packages/fxa-settings/src/components/Settings/Modal/index.test.tsx b/packages/fxa-settings/src/components/Settings/Modal/index.test.tsx index b3ccb555c56..87c2dd6b9b2 100644 --- a/packages/fxa-settings/src/components/Settings/Modal/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Modal/index.test.tsx @@ -2,18 +2,21 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import Modal from './index'; import { renderWithRouter } from '../../../models/mocks'; it('renders as expected', () => { const onDismiss = jest.fn(); - const ariaLabelledBy="modal-header"; - const ariaDescribedBy="modal-description"; + const ariaLabelledBy = 'modal-header'; + const ariaDescribedBy = 'modal-description'; renderWithRouter( - +
Hi mom
 ); @@ -22,14 +25,23 @@ it('renders as expected', () => { 'title', 'Close' ); - expect(screen.getByTestId('modal-information')).toHaveAttribute('aria-labelledby', ariaLabelledBy); - expect(screen.getByTestId('modal-information')).toHaveAttribute('aria-describedby', ariaDescribedBy); - expect(screen.getByTestId('modal-information')).toHaveAttribute('role', "dialog") + expect(screen.getByTestId('modal-information')).toHaveAttribute( + 'aria-labelledby', + ariaLabelledBy + ); + expect(screen.getByTestId('modal-information')).toHaveAttribute( + 'aria-describedby', + ariaDescribedBy + ); + expect(screen.getByTestId('modal-information')).toHaveAttribute( + 'role', + 'dialog' + ); }); it('renders confirm button as a link if route is passed', () => { - const ariaLabelledBy="modal-with-confirm-header"; - const ariaDescribedBy="modal-with-confirm-description"; + const ariaLabelledBy = 'modal-with-confirm-header'; + const ariaDescribedBy = 'modal-with-confirm-description'; const route = '/some/route'; const onDismiss = jest.fn(); renderWithRouter( @@ -51,8 +63,8 @@ it('renders confirm button as a link if route is passed', () => { }); it('does not render the cancel button if hasCancelButton is set to false', () => { - const ariaLabelledBy="no-cancel-modal-header" - const ariaDescribedBy="no-cancel-modal-description" + const ariaLabelledBy = 'no-cancel-modal-header'; + const ariaDescribedBy = 'no-cancel-modal-description'; const onDismiss = jest.fn(); renderWithRouter( }); it('accepts an alternate className', () => { - const ariaLabelledBy="barquux-modal-header"; - const ariaDescribedBy="barquux-modal-description"; + const ariaLabelledBy = 'barquux-modal-header'; + const ariaDescribedBy = 'barquux-modal-description'; const onDismiss = jest.fn(); renderWithRouter( { }); it('calls onDismiss on click outside', () => { - const ariaLabelledBy="some-modal-header"; - const ariaDescribedBy="some-modal-description"; + const ariaLabelledBy = 'some-modal-header'; + const ariaDescribedBy = 'some-modal-description'; const onDismiss = jest.fn(); const { container } = renderWithRouter( - +

Message for mom

Hi mom

@@ -112,11 +128,15 @@ it('calls onDismiss on click outside', () => { }); it('calls onDismiss on esc key press', () => { - const ariaLabelledBy="use-esc-modal-header"; - const ariaDescribedBy="use-esc-modal-description"; + const ariaLabelledBy = 'use-esc-modal-header'; + const ariaDescribedBy = 'use-esc-modal-description'; const onDismiss = jest.fn(); renderWithRouter( - +

Message for mom

Hi mom

@@ -128,11 +148,15 @@ it('calls onDismiss on esc key press', () => { }); it('shifts focus to the tab fence when opened', () => { - const ariaLabelledBy="tab-focus-modal-header"; - const ariaDescribedBy="tab-focus-modal-description"; + const ariaLabelledBy = 'tab-focus-modal-header'; + const ariaDescribedBy = 'tab-focus-modal-description'; const onDismiss = jest.fn(); renderWithRouter( - +

Message for mom

Hi mom

diff --git a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.stories.tsx index bcd0f22c4e3..7817f4f1cde 100644 --- a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Meta } from '@storybook/react'; import { withLocalization, withLocation } from 'fxa-react/lib/storybooks'; import { useBooleanState } from 'fxa-react/lib/hooks'; diff --git a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.test.tsx b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.test.tsx index 22eb99fe995..80e567f8e3a 100644 --- a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.stories.tsx index f5cdeef544f..666e21010b8 100644 --- a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.stories.tsx @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React, { useCallback } from 'react'; +import { MouseEvent, ReactNode, useCallback } from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { useBooleanState } from 'fxa-react/lib/hooks'; @@ -26,12 +26,12 @@ type ModalToggleChildrenProps = { showModal: () => void; }; type ModalToggleProps = { - children: (props: ModalToggleChildrenProps) => React.ReactNode | null; + children: (props: ModalToggleChildrenProps) => ReactNode | null; }; const ModalToggle = ({ children }: ModalToggleProps) => { const [modalRevealed, showModal, hideModal] = useBooleanState(true); const onClick = useCallback( - (ev: React.MouseEvent) => { + (ev: MouseEvent) => { ev.preventDefault(); showModal(); }, diff --git a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.test.tsx b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.test.tsx index 6b2daffcd0f..e64c4751464 100644 --- a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { diff --git a/packages/fxa-settings/src/components/Settings/Nav/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Nav/index.stories.tsx index 388824cb266..0c12ef41493 100644 --- a/packages/fxa-settings/src/components/Settings/Nav/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Nav/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { getDefault, Config } from '../../../lib/config'; import { Nav } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/Nav/index.test.tsx b/packages/fxa-settings/src/components/Settings/Nav/index.test.tsx index b2e5e0e2ef3..d25f54f6932 100644 --- a/packages/fxa-settings/src/components/Settings/Nav/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Nav/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Account, AppContext } from '../../../models'; diff --git a/packages/fxa-settings/src/components/Settings/Page2faChange/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Page2faChange/index.stories.tsx index bbbe27d74f1..4cf7dc18021 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faChange/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faChange/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/Page2faChange/mocks.tsx b/packages/fxa-settings/src/components/Settings/Page2faChange/mocks.tsx index 52d15d9df9b..4338bcf7e80 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faChange/mocks.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faChange/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { MOCK_ACCOUNT, mockAppContext, diff --git a/packages/fxa-settings/src/components/Settings/Page2faReplaceBackupCodes/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Page2faReplaceBackupCodes/index.stories.tsx index 96a2eae8655..b653bc45bfd 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faReplaceBackupCodes/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faReplaceBackupCodes/index.stories.tsx @@ -8,7 +8,6 @@ import { MOCK_ACCOUNT, mockSession, } from 'fxa-settings/src/models/mocks'; -import React from 'react'; import { Page2faReplaceBackupCodes } from '.'; import { Meta } from '@storybook/react'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/Page2faSetup/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Page2faSetup/index.stories.tsx index 044d4c6ab97..ee10c9b7db8 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faSetup/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faSetup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { action } from '@storybook/addon-actions'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/Page2faSetup/index.test.tsx b/packages/fxa-settings/src/components/Settings/Page2faSetup/index.test.tsx index 9fdf501e6ca..9d4c39bdc78 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faSetup/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faSetup/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen, fireEvent, waitFor } from '@testing-library/react'; import '@testing-library/jest-dom'; diff --git a/packages/fxa-settings/src/components/Settings/Page2faSetup/mocks.tsx b/packages/fxa-settings/src/components/Settings/Page2faSetup/mocks.tsx index 2956cab1f72..7e3c52ca7da 100644 --- a/packages/fxa-settings/src/components/Settings/Page2faSetup/mocks.tsx +++ b/packages/fxa-settings/src/components/Settings/Page2faSetup/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { MOCK_ACCOUNT, mockAppContext, diff --git a/packages/fxa-settings/src/components/Settings/PageAvatar/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageAvatar/index.stories.tsx index bb127c87e6c..ae62a8a93c0 100644 --- a/packages/fxa-settings/src/components/Settings/PageAvatar/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageAvatar/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; import PageAvatar from './'; diff --git a/packages/fxa-settings/src/components/Settings/PageAvatar/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageAvatar/index.test.tsx index 86f526c1c37..d50cefb31e6 100644 --- a/packages/fxa-settings/src/components/Settings/PageAvatar/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageAvatar/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { act, fireEvent, screen } from '@testing-library/react'; import { Account, AppContext } from '../../../models'; diff --git a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.stories.tsx index a116e0695ae..5989e16a771 100644 --- a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { PageChangePassword } from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.test.tsx index fe7af371e19..86e7542c4b8 100644 --- a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { act, fireEvent, screen, waitFor } from '@testing-library/react'; import { SETTINGS_PATH } from '../../../constants'; import { diff --git a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.stories.tsx index 87dcf58bb4f..053b9bc38f6 100644 --- a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.stories.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { PageCreatePassword } from '.'; -import React from 'react'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.test.tsx index 6a7e664dd99..d4f1415c545 100644 --- a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { logViewEvent, settingsViewName, diff --git a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.stories.tsx index 1a51ae11711..5860f295c1b 100644 --- a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { PageDeleteAccount } from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx index 021f76181df..c8aed257024 100644 --- a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import 'mutationobserver-shim'; import { screen, diff --git a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.stories.tsx index 118df72593f..7c08d9108b0 100644 --- a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.stories.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { LocationProvider } from '@reach/router'; -import React from 'react'; import { PageDisplayName } from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.test.tsx index b9dad8ad79c..aa9ae36c883 100644 --- a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { act, fireEvent, screen } from '@testing-library/react'; import PageDisplayName from '.'; import { diff --git a/packages/fxa-settings/src/components/Settings/PageRecentActivity/SecurityEvent.tsx b/packages/fxa-settings/src/components/Settings/PageRecentActivity/SecurityEvent.tsx index e0369316800..280dc134f8f 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecentActivity/SecurityEvent.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecentActivity/SecurityEvent.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; enum SecurityEventName { diff --git a/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.stories.tsx index 6088ce50649..8a38c7374f1 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { PageRecentActivity } from '.'; import { MOCK_SECURITY_EVENTS } from './mocks'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.test.tsx index 89c75766b9a..3e7d83e62dc 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecentActivity/index.test.tsx @@ -5,7 +5,6 @@ import 'mutationobserver-shim'; import { act, screen } from '@testing-library/react'; import { renderWithRouter, mockAppContext } from '../../../models/mocks'; -import React from 'react'; import PageRecentActivity from '.'; import { Account, AppContext } from '../../../models'; import { MOCK_SECURITY_EVENTS } from './mocks'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.stories.tsx index c8dbfb1dd5f..61cd0795581 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { PageRecoveryKeyCreate } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.test.tsx index 2c66c4aadf2..90342f18f54 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryKeyCreate/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import { usePageViewEvent } from '../../../lib/metrics'; import { PageRecoveryKeyCreate } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.stories.tsx index b365f0b3f12..e98e4ad13a1 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { PageRecoveryPhoneRemove } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.test.tsx index f8339cb7fc5..a55dfd90c3c 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneRemove/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { PageRecoveryPhoneRemove } from '.'; import { act, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.stories.tsx index a441fcdd276..37ab496b5bb 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import PageRecoveryPhoneSetup from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.test.tsx index 6aad6bc9fdb..e4246e9da03 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { renderWithRouter } from '../../../models/mocks'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/mocks.tsx b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/mocks.tsx index 094503cb50d..bb76f8408aa 100644 --- a/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/mocks.tsx +++ b/packages/fxa-settings/src/components/Settings/PageRecoveryPhoneSetup/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { MOCK_ACCOUNT, mockAppContext } from '../../../models/mocks'; import { Account, AppContext } from '../../../models'; import PageRecoveryPhoneSetup from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.stories.tsx index b71289614a9..9c84173ad63 100644 --- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { PageSecondaryEmailAdd } from '.'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.test.tsx index ab6ff49a6e8..06ddac1ec11 100644 --- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailAdd/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent, act, waitFor } from '@testing-library/react'; import { mockAppContext, renderWithRouter } from '../../../models/mocks'; import { PageSecondaryEmailAdd, MfaGuardPageSecondaryEmailAdd } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.stories.tsx index 79e5e887562..17ae950c095 100644 --- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta, StoryObj } from '@storybook/react'; import { PageSecondaryEmailVerify } from '.'; import { WindowLocation, LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx index eaabd1466ef..8c7f4e72a8a 100644 --- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { screen, fireEvent, act } from '@testing-library/react'; import { mockAppContext, diff --git a/packages/fxa-settings/src/components/Settings/PageSettings/index.stories.tsx b/packages/fxa-settings/src/components/Settings/PageSettings/index.stories.tsx index 2470b9e589e..b31d573e33f 100644 --- a/packages/fxa-settings/src/components/Settings/PageSettings/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSettings/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Account } from '../../../models/Account'; import { PageSettings } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/PageSettings/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageSettings/index.test.tsx index eeebee79233..62e935696f3 100644 --- a/packages/fxa-settings/src/components/Settings/PageSettings/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/PageSettings/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import PageSettings from '.'; diff --git a/packages/fxa-settings/src/components/Settings/ProductPromo/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ProductPromo/index.stories.tsx index 4db6d7626ab..5a2eabf129d 100644 --- a/packages/fxa-settings/src/components/Settings/ProductPromo/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ProductPromo/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization, withLocation } from 'fxa-react/lib/storybooks'; import ProductPromo, { ProductPromoProps } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/ProductPromo/index.test.tsx b/packages/fxa-settings/src/components/Settings/ProductPromo/index.test.tsx index 841bea6d3fa..53aa863f798 100644 --- a/packages/fxa-settings/src/components/Settings/ProductPromo/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ProductPromo/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import ProductPromo, { getProductPromoData } from '.'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/Settings/ProductPromo/index.tsx b/packages/fxa-settings/src/components/Settings/ProductPromo/index.tsx index 4ba506b7ff4..9bf01f808db 100644 --- a/packages/fxa-settings/src/components/Settings/ProductPromo/index.tsx +++ b/packages/fxa-settings/src/components/Settings/ProductPromo/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LinkExternal from 'fxa-react/components/LinkExternal'; import { ReactComponent as VpnTextLogo } from './vpn-text-logo.svg'; import { FtlMsg } from 'fxa-react/lib/utils'; diff --git a/packages/fxa-settings/src/components/Settings/Profile/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Profile/index.stories.tsx index 001024a9530..13693d4ae13 100644 --- a/packages/fxa-settings/src/components/Settings/Profile/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Profile/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Profile } from '.'; import { Account, AppContext } from '../../../models'; import { mockAppContext } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/Profile/index.test.tsx b/packages/fxa-settings/src/components/Settings/Profile/index.test.tsx index e5b0c353861..2c690b5394e 100644 --- a/packages/fxa-settings/src/components/Settings/Profile/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Profile/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Profile } from '.'; import { mockAppContext, renderWithRouter } from '../../../models/mocks'; import { AppContext } from '../../../models'; diff --git a/packages/fxa-settings/src/components/Settings/ProgressBar/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ProgressBar/index.stories.tsx index 5dca4e7eec4..cab478b9973 100644 --- a/packages/fxa-settings/src/components/Settings/ProgressBar/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/ProgressBar/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/ProgressBar/index.test.tsx b/packages/fxa-settings/src/components/Settings/ProgressBar/index.test.tsx index 7071eafd1f9..ab0587a1755 100644 --- a/packages/fxa-settings/src/components/Settings/ProgressBar/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/ProgressBar/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import ProgressBar from '.'; diff --git a/packages/fxa-settings/src/components/Settings/ProgressBar/index.tsx b/packages/fxa-settings/src/components/Settings/ProgressBar/index.tsx index b05bc79808c..7acc16caf24 100644 --- a/packages/fxa-settings/src/components/Settings/ProgressBar/index.tsx +++ b/packages/fxa-settings/src/components/Settings/ProgressBar/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { useFtlMsgResolver } from '../../../models'; export type ProgressBarProps = { diff --git a/packages/fxa-settings/src/components/Settings/Security/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Security/index.stories.tsx index 42374583353..9d735951331 100644 --- a/packages/fxa-settings/src/components/Settings/Security/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Security/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { Security } from '.'; import { AppContext } from 'fxa-settings/src/models'; diff --git a/packages/fxa-settings/src/components/Settings/Security/index.test.tsx b/packages/fxa-settings/src/components/Settings/Security/index.test.tsx index 6f60be73303..1f467be9acf 100644 --- a/packages/fxa-settings/src/components/Settings/Security/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Security/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import Security from '.'; import { mockAppContext, renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/SettingsLayout/index.stories.tsx b/packages/fxa-settings/src/components/Settings/SettingsLayout/index.stories.tsx index a22f0ec030e..8a8277fb3e9 100644 --- a/packages/fxa-settings/src/components/Settings/SettingsLayout/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/SettingsLayout/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SettingsLayout from './index'; import { Meta } from '@storybook/react'; import { withLocalization, withLocation } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/SettingsLayout/index.test.tsx b/packages/fxa-settings/src/components/Settings/SettingsLayout/index.test.tsx index 31d22fdbc6f..f695307914c 100644 --- a/packages/fxa-settings/src/components/Settings/SettingsLayout/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/SettingsLayout/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { renderWithRouter } from '../../../models/mocks'; import { SETTINGS_PATH } from '../../../constants'; diff --git a/packages/fxa-settings/src/components/Settings/Sidebar/index.tsx b/packages/fxa-settings/src/components/Settings/Sidebar/index.tsx index 8302f328256..2877dd299ea 100644 --- a/packages/fxa-settings/src/components/Settings/Sidebar/index.tsx +++ b/packages/fxa-settings/src/components/Settings/Sidebar/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Nav, { NavRefProps } from '../Nav'; import ProductPromo, { VpnPromoData } from '../ProductPromo'; diff --git a/packages/fxa-settings/src/components/Settings/SignoutSync/index.stories.tsx b/packages/fxa-settings/src/components/Settings/SignoutSync/index.stories.tsx index d6bbe2b3f89..adf1d1cd9dd 100644 --- a/packages/fxa-settings/src/components/Settings/SignoutSync/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/SignoutSync/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SignoutSync from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Settings/SignoutSync/index.test.tsx b/packages/fxa-settings/src/components/Settings/SignoutSync/index.test.tsx index df9d3194ee5..e15eca422b8 100644 --- a/packages/fxa-settings/src/components/Settings/SignoutSync/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/SignoutSync/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SignoutSync from '.'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/Settings/SignoutSync/index.tsx b/packages/fxa-settings/src/components/Settings/SignoutSync/index.tsx index 32b03a4e9cc..855a7c6971d 100644 --- a/packages/fxa-settings/src/components/Settings/SignoutSync/index.tsx +++ b/packages/fxa-settings/src/components/Settings/SignoutSync/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../../CardHeader'; diff --git a/packages/fxa-settings/src/components/Settings/SubRow/index.stories.tsx b/packages/fxa-settings/src/components/Settings/SubRow/index.stories.tsx index 073654b0508..4d63e7f95c1 100644 --- a/packages/fxa-settings/src/components/Settings/SubRow/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/SubRow/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta, StoryFn } from '@storybook/react'; import SubRow, { BackupCodesSubRow, diff --git a/packages/fxa-settings/src/components/Settings/SubRow/index.test.tsx b/packages/fxa-settings/src/components/Settings/SubRow/index.test.tsx index 825487e7627..e259974c73e 100644 --- a/packages/fxa-settings/src/components/Settings/SubRow/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/SubRow/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import SubRow, { diff --git a/packages/fxa-settings/src/components/Settings/Switch/index.stories.tsx b/packages/fxa-settings/src/components/Settings/Switch/index.stories.tsx index 63b3ca041ff..377ac4564a3 100644 --- a/packages/fxa-settings/src/components/Settings/Switch/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/Switch/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import Switch from '.'; diff --git a/packages/fxa-settings/src/components/Settings/Switch/index.test.tsx b/packages/fxa-settings/src/components/Settings/Switch/index.test.tsx index 4908199a4b0..449a1ab9ae1 100644 --- a/packages/fxa-settings/src/components/Settings/Switch/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/Switch/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { Localized } from '@fluent/react'; -import React from 'react'; import { screen, fireEvent } from '@testing-library/react'; import Switch from '.'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/Settings/Switch/index.tsx b/packages/fxa-settings/src/components/Settings/Switch/index.tsx index c2fe6cd2bc4..199c67388eb 100644 --- a/packages/fxa-settings/src/components/Settings/Switch/index.tsx +++ b/packages/fxa-settings/src/components/Settings/Switch/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Localized, LocalizedProps, useLocalization } from '@fluent/react'; import { ReactElement } from 'react'; @@ -36,8 +35,8 @@ export const Switch = ({ isSubmitting ? l10n.getString('switch-submitting', null, 'Submitting…') : isOn - ? l10n.getString('switch-turn-off', null, 'Turn off') - : l10n.getString('switch-turn-on', null, 'Turn on') + ? l10n.getString('switch-turn-off', null, 'Turn off') + : l10n.getString('switch-turn-on', null, 'Turn on') } onClick={handler} type="button" diff --git a/packages/fxa-settings/src/components/Settings/UnitRow/index.stories.tsx b/packages/fxa-settings/src/components/Settings/UnitRow/index.stories.tsx index 80e809edead..337f932283b 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRow/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRow/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRow/index.test.tsx b/packages/fxa-settings/src/components/Settings/UnitRow/index.test.tsx index 6d3a6e69094..c0a00d19193 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRow/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRow/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import UnitRow from '.'; import { renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.stories.tsx b/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.stories.tsx index ed7ae53d42e..4d1e7f19821 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.tsx b/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.tsx index 28aac6e7c16..72b18bcafeb 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowPasskey/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import UnitRow, { UnitRowProps } from '../UnitRow'; import { useAccount, diff --git a/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.stories.tsx b/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.stories.tsx index 98cd08f71d1..a5cba2ba390 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.test.tsx b/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.test.tsx index a32fa88b08c..b02dd83e495 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowRecoveryKey/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import UnitRowRecoveryKey from '.'; import { mockAppContext, renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.stories.tsx b/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.stories.tsx index 31a60c721a0..4b99c29b81e 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { UnitRowSecondaryEmail } from '.'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.test.tsx b/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.test.tsx index 7d628a7f106..d3771c86b16 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowSecondaryEmail/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { screen, fireEvent, act, waitFor } from '@testing-library/react'; import { renderWithRouter, diff --git a/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/index.stories.tsx b/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/index.stories.tsx index ff9f66eb8a9..8be7f497d5c 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/index.stories.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/mocks.tsx b/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/mocks.tsx index 65cf9c1b5bf..de10ac45e61 100644 --- a/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/mocks.tsx +++ b/packages/fxa-settings/src/components/Settings/UnitRowTwoStepAuth/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { mockAppContext, mockSettingsContext } from '../../../models/mocks'; import { Account, AppContext } from '../../../models'; import UnitRowTwoStepAuth from '.'; diff --git a/packages/fxa-settings/src/components/Settings/VerifiedSessionGuard/index.test.tsx b/packages/fxa-settings/src/components/Settings/VerifiedSessionGuard/index.test.tsx index 7d67dd002e5..f30203c8af1 100644 --- a/packages/fxa-settings/src/components/Settings/VerifiedSessionGuard/index.test.tsx +++ b/packages/fxa-settings/src/components/Settings/VerifiedSessionGuard/index.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import 'mutationobserver-shim'; -import React from 'react'; import { screen, act } from '@testing-library/react'; import { mockAppContext, @@ -70,7 +69,10 @@ it('calls onError when session status check is rate limited', async () => { session: mockSession(false), authClient: { sessionStatus: () => { - const err = Object.assign(new Error("You've tried too many times. Try again later."), { errno: 114 }); + const err = Object.assign( + new Error("You've tried too many times. Try again later."), + { errno: 114 } + ); throw err; }, } as unknown as AuthClient, diff --git a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.stories.tsx b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.stories.tsx index 925b576e6b4..59978f188d6 100644 --- a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.stories.tsx +++ b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import TermsPrivacyAgreement, { LegalTerms } from '.'; import AppLayout from '../../components/AppLayout'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.test.tsx b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.test.tsx index cd54a219a64..3aa83afa94f 100644 --- a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.test.tsx +++ b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import TermsPrivacyAgreement, { LegalTerms } from '.'; diff --git a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.tsx b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.tsx index 6d7e5ae4aaa..92c0f6875be 100644 --- a/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.tsx +++ b/packages/fxa-settings/src/components/TermsPrivacyAgreement/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import { Link } from '@reach/router'; import LinkExternal from 'fxa-react/components/LinkExternal'; diff --git a/packages/fxa-settings/src/components/ThirdPartyAuth/index.stories.tsx b/packages/fxa-settings/src/components/ThirdPartyAuth/index.stories.tsx index 95d8ab43bc6..6ba2f939610 100644 --- a/packages/fxa-settings/src/components/ThirdPartyAuth/index.stories.tsx +++ b/packages/fxa-settings/src/components/ThirdPartyAuth/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ThirdPartyAuth from '.'; import AppLayout from '../AppLayout'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/components/ThirdPartyAuth/index.test.tsx b/packages/fxa-settings/src/components/ThirdPartyAuth/index.test.tsx index f77810cb89c..82b1978de8b 100644 --- a/packages/fxa-settings/src/components/ThirdPartyAuth/index.test.tsx +++ b/packages/fxa-settings/src/components/ThirdPartyAuth/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/components/ThirdPartyAuth/mocks.tsx b/packages/fxa-settings/src/components/ThirdPartyAuth/mocks.tsx index 221051cd1c6..1e549c21111 100644 --- a/packages/fxa-settings/src/components/ThirdPartyAuth/mocks.tsx +++ b/packages/fxa-settings/src/components/ThirdPartyAuth/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ThirdPartyAuth, { ThirdPartyAuthProps } from '.'; import { AppContext } from '../../models'; import { mockAppContext } from '../../models/mocks'; diff --git a/packages/fxa-settings/src/components/Tooltip/index.stories.tsx b/packages/fxa-settings/src/components/Tooltip/index.stories.tsx index 2e1f1e12a0f..20e117989fb 100644 --- a/packages/fxa-settings/src/components/Tooltip/index.stories.tsx +++ b/packages/fxa-settings/src/components/Tooltip/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import Tooltip from './index'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/components/Tooltip/index.test.tsx b/packages/fxa-settings/src/components/Tooltip/index.test.tsx index 990c057dafa..191f8ee753f 100644 --- a/packages/fxa-settings/src/components/Tooltip/index.test.tsx +++ b/packages/fxa-settings/src/components/Tooltip/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import Tooltip from '.'; diff --git a/packages/fxa-settings/src/components/Tooltip/index.tsx b/packages/fxa-settings/src/components/Tooltip/index.tsx index beef61e8cca..7e3a9dc31cc 100644 --- a/packages/fxa-settings/src/components/Tooltip/index.tsx +++ b/packages/fxa-settings/src/components/Tooltip/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import classNames from 'classnames'; export type TooltipType = 'default' | 'error'; diff --git a/packages/fxa-settings/src/components/images/index.stories.tsx b/packages/fxa-settings/src/components/images/index.stories.tsx index 91a5f3c7944..f955f631488 100644 --- a/packages/fxa-settings/src/components/images/index.stories.tsx +++ b/packages/fxa-settings/src/components/images/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { diff --git a/packages/fxa-settings/src/models/contexts/NimbusContext.test.tsx b/packages/fxa-settings/src/models/contexts/NimbusContext.test.tsx index b26fa11fbcf..34d8a114ad5 100644 --- a/packages/fxa-settings/src/models/contexts/NimbusContext.test.tsx +++ b/packages/fxa-settings/src/models/contexts/NimbusContext.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import { NimbusProvider, useNimbusContext } from './NimbusContext'; import { AppContext, AppContextValue } from './AppContext'; @@ -16,17 +15,27 @@ jest.mock('../../lib/nimbus'); jest.mock('@sentry/react'); jest.mock('../../lib/hooks/useLocalStorageSync'); -const mockUseDynamicLocalization = useDynamicLocalization as jest.MockedFunction; -const mockInitializeNimbus = initializeNimbus as jest.MockedFunction; -const mockSentryCaptureException = Sentry.captureException as jest.MockedFunction; -const mockUseLocalStorageSync = useLocalStorageSync as jest.MockedFunction; +const mockUseDynamicLocalization = + useDynamicLocalization as jest.MockedFunction; +const mockInitializeNimbus = initializeNimbus as jest.MockedFunction< + typeof initializeNimbus +>; +const mockSentryCaptureException = + Sentry.captureException as jest.MockedFunction< + typeof Sentry.captureException + >; +const mockUseLocalStorageSync = useLocalStorageSync as jest.MockedFunction< + typeof useLocalStorageSync +>; const TestComponent = () => { const { experiments, loading, error } = useNimbusContext(); return (
{loading.toString()}
-
{experiments ? 'has-experiments' : 'no-experiments'}
+
+ {experiments ? 'has-experiments' : 'no-experiments'} +
{error ? error.message : 'no-error'}
); @@ -34,12 +43,14 @@ const TestComponent = () => { const mockAppContext = { config: { - nimbus: { enabled: true, preview: false } + nimbus: { enabled: true, preview: false }, } as AppContextValue['config'], - uniqueUserId: 'test-user-id' + uniqueUserId: 'test-user-id', } as Partial; -const renderWithProviders = (appContext: Partial = mockAppContext) => { +const renderWithProviders = ( + appContext: Partial = mockAppContext +) => { return render( @@ -56,7 +67,7 @@ describe('NimbusContext', () => { currentLocale: 'en-US', switchLanguage: jest.fn(), clearLanguagePreference: jest.fn(), - isLoading: false + isLoading: false, }); // Mock useLocalStorageSync to return undefined by default (no account) mockUseLocalStorageSync.mockImplementation((key: string) => { @@ -70,7 +81,7 @@ describe('NimbusContext', () => { }); Object.defineProperty(window, 'location', { value: { search: '' }, - writable: true + writable: true, }); }); @@ -79,7 +90,9 @@ describe('NimbusContext', () => { render(); expect(screen.getByTestId('loading')).toHaveTextContent('false'); - expect(screen.getByTestId('experiments')).toHaveTextContent('no-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'no-experiments' + ); expect(screen.getByTestId('error')).toHaveTextContent('no-error'); }); }); @@ -90,7 +103,9 @@ describe('NimbusContext', () => { expect(() => { render( - + @@ -104,7 +119,9 @@ describe('NimbusContext', () => { it('does not fetch when nimbus is disabled', async () => { const disabledConfig: Partial = { ...mockAppContext, - config: { nimbus: { enabled: false, preview: false } } as AppContextValue['config'] + config: { + nimbus: { enabled: false, preview: false }, + } as AppContextValue['config'], }; renderWithProviders(disabledConfig); @@ -116,7 +133,7 @@ describe('NimbusContext', () => { it('does not fetch when uniqueUserId is missing', async () => { const noUserIdConfig: Partial = { ...mockAppContext, - uniqueUserId: undefined + uniqueUserId: undefined, }; renderWithProviders(noUserIdConfig); @@ -129,7 +146,8 @@ describe('NimbusContext', () => { const accountUid = 'test-account-uid'; mockUseLocalStorageSync.mockImplementation((key: string) => { if (key === 'currentAccountUid') return accountUid; - if (key === 'accounts') return { [accountUid]: { metricsEnabled: false } }; + if (key === 'accounts') + return { [accountUid]: { metricsEnabled: false } }; return undefined; }); @@ -138,19 +156,22 @@ describe('NimbusContext', () => { await waitFor(() => { expect(mockInitializeNimbus).not.toHaveBeenCalled(); }); - expect(screen.getByTestId('experiments')).toHaveTextContent('no-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'no-experiments' + ); }); it('fetches when metrics are enabled via localStorage', async () => { const accountUid = 'test-account-uid'; mockUseLocalStorageSync.mockImplementation((key: string) => { if (key === 'currentAccountUid') return accountUid; - if (key === 'accounts') return { [accountUid]: { metricsEnabled: true } }; + if (key === 'accounts') + return { [accountUid]: { metricsEnabled: true } }; return undefined; }); mockInitializeNimbus.mockResolvedValue({ features: { 'test-feature': { enabled: true } }, - nimbusUserId: 'test-user-id' + nimbusUserId: 'test-user-id', }); renderWithProviders(); @@ -158,39 +179,44 @@ describe('NimbusContext', () => { await waitFor(() => { expect(mockInitializeNimbus).toHaveBeenCalled(); }); - expect(screen.getByTestId('experiments')).toHaveTextContent('has-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'has-experiments' + ); }); it('fetches experiments successfully', async () => { const mockExperiments: NimbusResult = { features: { 'test-feature': { enabled: true } }, - nimbusUserId: 'test-user-id' + nimbusUserId: 'test-user-id', }; mockInitializeNimbus.mockResolvedValue(mockExperiments); renderWithProviders(); - expect(mockInitializeNimbus).toHaveBeenCalledWith( - 'test-user-id', - false, - { language: 'en', region: 'us' } - ); + expect(mockInitializeNimbus).toHaveBeenCalledWith('test-user-id', false, { + language: 'en', + region: 'us', + }); await screen.findByTestId('experiments'); - expect(screen.getByTestId('experiments')).toHaveTextContent('has-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'has-experiments' + ); }); it('handles API response with lowercase features', async () => { const mockExperiments: NimbusResult = { features: { 'test-feature': { enabled: true } }, - nimbusUserId: 'test-user-id' + nimbusUserId: 'test-user-id', }; mockInitializeNimbus.mockResolvedValue(mockExperiments); renderWithProviders(); await screen.findByTestId('experiments'); - expect(screen.getByTestId('experiments')).toHaveTextContent('has-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'has-experiments' + ); }); it('handles null response', async () => { @@ -199,7 +225,9 @@ describe('NimbusContext', () => { renderWithProviders(); await screen.findByTestId('experiments'); - expect(screen.getByTestId('experiments')).toHaveTextContent('no-experiments'); + expect(screen.getByTestId('experiments')).toHaveTextContent( + 'no-experiments' + ); }); it('handles fetch error without duplicate error handling', async () => { @@ -216,7 +244,9 @@ describe('NimbusContext', () => { it('handles preview mode from config', async () => { const previewConfig: Partial = { ...mockAppContext, - config: { nimbus: { enabled: true, preview: true } } as AppContextValue['config'] + config: { + nimbus: { enabled: true, preview: true }, + } as AppContextValue['config'], }; renderWithProviders(previewConfig); @@ -233,7 +263,7 @@ describe('NimbusContext', () => { it('handles preview mode from URL params', async () => { Object.defineProperty(window, 'location', { value: { search: '?nimbusPreview=true' }, - writable: true + writable: true, }); renderWithProviders(); @@ -250,7 +280,7 @@ describe('NimbusContext', () => { it('cleans up on unmount', async () => { mockInitializeNimbus.mockResolvedValue({ features: { 'test-feature': { enabled: true } }, - nimbusUserId: 'test-user-id' + nimbusUserId: 'test-user-id', }); const { unmount } = renderWithProviders(); diff --git a/packages/fxa-settings/src/models/mocks.tsx b/packages/fxa-settings/src/models/mocks.tsx index a87a1bfcccb..be5df9aff72 100644 --- a/packages/fxa-settings/src/models/mocks.tsx +++ b/packages/fxa-settings/src/models/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AuthClient from 'fxa-auth-client/browser'; import { AccountData, ProfileInfo, Session } from '.'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Authorization/container.test.tsx b/packages/fxa-settings/src/pages/Authorization/container.test.tsx index 164f94c9b08..ec77032dbb1 100644 --- a/packages/fxa-settings/src/pages/Authorization/container.test.tsx +++ b/packages/fxa-settings/src/pages/Authorization/container.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; import AuthorizationContainer from './container'; diff --git a/packages/fxa-settings/src/pages/Clear/index.stories.tsx b/packages/fxa-settings/src/pages/Clear/index.stories.tsx index 4d604df3a68..29341b749d6 100644 --- a/packages/fxa-settings/src/pages/Clear/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Clear/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Clear from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Clear/index.test.tsx b/packages/fxa-settings/src/pages/Clear/index.test.tsx index 4993979e5d5..7d3a82ca5d2 100644 --- a/packages/fxa-settings/src/pages/Clear/index.test.tsx +++ b/packages/fxa-settings/src/pages/Clear/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Clear from '.'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Clear/index.tsx b/packages/fxa-settings/src/pages/Clear/index.tsx index bbf7340bd02..05d3fbcdc3d 100644 --- a/packages/fxa-settings/src/pages/Clear/index.tsx +++ b/packages/fxa-settings/src/pages/Clear/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AppLayout from '../../components/AppLayout'; import { RouteComponentProps } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.stories.tsx b/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.stories.tsx index 0e76265595e..59e3b268ef7 100644 --- a/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ConnectAnotherDevice, { Devices } from '.'; import AppLayout from '../../components/AppLayout'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.test.tsx b/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.test.tsx index a88cc840511..04a1198c805 100644 --- a/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.test.tsx +++ b/packages/fxa-settings/src/pages/ConnectAnotherDevice/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { MOCK_ACCOUNT, renderWithRouter } from '../../models/mocks'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; diff --git a/packages/fxa-settings/src/pages/CookiesDisabled/index.stories.tsx b/packages/fxa-settings/src/pages/CookiesDisabled/index.stories.tsx index 264db75c0d4..c6bba7d16ce 100644 --- a/packages/fxa-settings/src/pages/CookiesDisabled/index.stories.tsx +++ b/packages/fxa-settings/src/pages/CookiesDisabled/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import CookiesDisabled from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/CookiesDisabled/index.test.tsx b/packages/fxa-settings/src/pages/CookiesDisabled/index.test.tsx index 10d9772691f..61c87edab29 100644 --- a/packages/fxa-settings/src/pages/CookiesDisabled/index.test.tsx +++ b/packages/fxa-settings/src/pages/CookiesDisabled/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import CookiesDisabled, { viewName } from '.'; import { screen, fireEvent } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Index/index.stories.tsx b/packages/fxa-settings/src/pages/Index/index.stories.tsx index 33a73a75695..8532e9339c9 100644 --- a/packages/fxa-settings/src/pages/Index/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Index/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Index from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Index/index.test.tsx b/packages/fxa-settings/src/pages/Index/index.test.tsx index 4198197b230..03964c126c7 100644 --- a/packages/fxa-settings/src/pages/Index/index.test.tsx +++ b/packages/fxa-settings/src/pages/Index/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import { createMockIndexOAuthNativeIntegration, Subject } from './mocks'; diff --git a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/container.test.tsx b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/container.test.tsx index 503987e0ec3..f8eded90dc3 100644 --- a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/container.test.tsx +++ b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/container.test.tsx @@ -3,7 +3,6 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { render } from '@testing-library/react'; -import React from 'react'; import InlineRecoveryKeySetupContainer from './container'; import * as InlineRecoveryKeySetupModule from '.'; import * as ModelsModule from '../../models'; diff --git a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.stories.tsx b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.stories.tsx index 4740377919b..5ce6990c495 100644 --- a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.stories.tsx +++ b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InlineRecoveryKeySetup from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; @@ -18,6 +17,6 @@ export const StepOne = () => ; export const StepTwo = () => ; export const StepThree = () => ; -export const StepOneWithCms = () => ; -export const StepTwoWithCms = () => ; -export const StepThreeWithCms = () => ; \ No newline at end of file +export const StepOneWithCms = () => ; +export const StepTwoWithCms = () => ; +export const StepThreeWithCms = () => ; diff --git a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.tsx b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.tsx index a1b16c0b0ca..ed517306949 100644 --- a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.tsx +++ b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import InlineRecoveryKeySetupCreate from '../../components/InlineRecoveryKeySetupCreate'; import RecoveryKeySetupDownload from '../../components/RecoveryKeySetupDownload'; diff --git a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/mocks.tsx b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/mocks.tsx index 8709ef7bad9..8e14eb083d8 100644 --- a/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/mocks.tsx +++ b/packages/fxa-settings/src/pages/InlineRecoveryKeySetup/mocks.tsx @@ -2,11 +2,20 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InlineRecoveryKeySetup from '.'; -import { MOCK_CMS_INFO, MOCK_EMAIL, MOCK_RECOVERY_KEY_WITH_SPACES } from '../mocks'; +import { + MOCK_CMS_INFO, + MOCK_EMAIL, + MOCK_RECOVERY_KEY_WITH_SPACES, +} from '../mocks'; -export const Subject = ({ currentStep = 1, cms = false }: { currentStep?: number, cms?: boolean }) => ( +export const Subject = ({ + currentStep = 1, + cms = false, +}: { + currentStep?: number; + cms?: boolean; +}) => ( diff --git a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/index.stories.tsx b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/index.stories.tsx index 5a3df5d149b..9755fdeaef3 100644 --- a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/index.stories.tsx +++ b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InlineRecoverySetup from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/InlineTotpSetup/index.stories.tsx b/packages/fxa-settings/src/pages/InlineTotpSetup/index.stories.tsx index 538707fe5e4..12fa80e43b7 100644 --- a/packages/fxa-settings/src/pages/InlineTotpSetup/index.stories.tsx +++ b/packages/fxa-settings/src/pages/InlineTotpSetup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import InlineTotpSetup from '.'; import { Meta } from '@storybook/react'; import { MozServices } from '../../lib/types'; diff --git a/packages/fxa-settings/src/pages/Legal/Privacy/index.stories.tsx b/packages/fxa-settings/src/pages/Legal/Privacy/index.stories.tsx index 47db64fed93..e50b375bfeb 100644 --- a/packages/fxa-settings/src/pages/Legal/Privacy/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Legal/Privacy/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LegalPrivacy from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Legal/Privacy/index.test.tsx b/packages/fxa-settings/src/pages/Legal/Privacy/index.test.tsx index 524026803b0..fdb6a0ff381 100644 --- a/packages/fxa-settings/src/pages/Legal/Privacy/index.test.tsx +++ b/packages/fxa-settings/src/pages/Legal/Privacy/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LegalPrivacy, { viewName } from '.'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Legal/Terms/index.stories.tsx b/packages/fxa-settings/src/pages/Legal/Terms/index.stories.tsx index daad49f0789..6d8ccb334c6 100644 --- a/packages/fxa-settings/src/pages/Legal/Terms/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Legal/Terms/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LegalTerms from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Legal/Terms/index.test.tsx b/packages/fxa-settings/src/pages/Legal/Terms/index.test.tsx index 56a860be63e..ef45042f55d 100644 --- a/packages/fxa-settings/src/pages/Legal/Terms/index.test.tsx +++ b/packages/fxa-settings/src/pages/Legal/Terms/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import LegalTerms, { viewName } from '.'; import { screen, fireEvent, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Legal/index.stories.tsx b/packages/fxa-settings/src/pages/Legal/index.stories.tsx index a1af1378640..9ded47fc6ba 100644 --- a/packages/fxa-settings/src/pages/Legal/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Legal/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Legal from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Legal/index.test.tsx b/packages/fxa-settings/src/pages/Legal/index.test.tsx index d8ce09ec9f2..5405090de91 100644 --- a/packages/fxa-settings/src/pages/Legal/index.test.tsx +++ b/packages/fxa-settings/src/pages/Legal/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Legal, { viewName } from '.'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Legal/index.tsx b/packages/fxa-settings/src/pages/Legal/index.tsx index f6dfda1b311..681e969d181 100644 --- a/packages/fxa-settings/src/pages/Legal/index.tsx +++ b/packages/fxa-settings/src/pages/Legal/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AppLayout from '../../components/AppLayout'; import { Link, RouteComponentProps } from '@reach/router'; import { FtlMsg } from 'fxa-react/lib/utils'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthAllow/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/AuthAllow/index.stories.tsx index cf9d812099f..2fd530d26b2 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthAllow/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthAllow/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AuthAllow from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthComplete/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/AuthComplete/index.stories.tsx index 3640bbe5cc0..de3738a175c 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthComplete/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthComplete/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AuthComplete from '.'; import { Meta } from '@storybook/react'; import { MOCK_ERROR } from './mocks'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthComplete/index.test.tsx b/packages/fxa-settings/src/pages/Pair/AuthComplete/index.test.tsx index 1b1729a96c6..c2ba19b9adf 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthComplete/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthComplete/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import AuthComplete, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthTotp/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/AuthTotp/index.stories.tsx index 6ee47d05673..96710a29bb4 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthTotp/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthTotp/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AuthTotp from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.stories.tsx index 7f81838e21a..e63f159a5cb 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AuthWaitForSupp from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.test.tsx b/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.test.tsx index bb03e772b35..c15a4afe609 100644 --- a/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/AuthWaitForSupp/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import AuthWaitForSupp, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Pair/Failure/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/Failure/index.stories.tsx index 4a31d820665..f921f3c217a 100644 --- a/packages/fxa-settings/src/pages/Pair/Failure/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/Failure/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import PairFailure from '.'; import { Meta } from '@storybook/react'; import { MOCK_ERROR } from './mock'; diff --git a/packages/fxa-settings/src/pages/Pair/Failure/index.test.tsx b/packages/fxa-settings/src/pages/Pair/Failure/index.test.tsx index 71ba03a11ad..2aa86244fb2 100644 --- a/packages/fxa-settings/src/pages/Pair/Failure/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/Failure/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/pages/Pair/Failure/index.tsx b/packages/fxa-settings/src/pages/Pair/Failure/index.tsx index 089c6e35c86..23e162ed09a 100644 --- a/packages/fxa-settings/src/pages/Pair/Failure/index.tsx +++ b/packages/fxa-settings/src/pages/Pair/Failure/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../../../components/CardHeader'; diff --git a/packages/fxa-settings/src/pages/Pair/Index/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/Index/index.stories.tsx index afad4191024..4f1f456fba3 100644 --- a/packages/fxa-settings/src/pages/Pair/Index/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/Index/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Pair from '.'; import { Meta } from '@storybook/react'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/Pair/Success/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/Success/index.stories.tsx index f178d90299e..88b6b707ef6 100644 --- a/packages/fxa-settings/src/pages/Pair/Success/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/Success/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import PairSuccess from '.'; import { Meta } from '@storybook/react'; import { MOCK_ERROR } from './mocks'; diff --git a/packages/fxa-settings/src/pages/Pair/Success/index.test.tsx b/packages/fxa-settings/src/pages/Pair/Success/index.test.tsx index 60f81875003..3d4fe3ae919 100644 --- a/packages/fxa-settings/src/pages/Pair/Success/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/Success/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/pages/Pair/Success/index.tsx b/packages/fxa-settings/src/pages/Pair/Success/index.tsx index 8eddacd279b..97864fc8238 100644 --- a/packages/fxa-settings/src/pages/Pair/Success/index.tsx +++ b/packages/fxa-settings/src/pages/Pair/Success/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import { FtlMsg } from 'fxa-react/lib/utils'; import CardHeader from '../../../components/CardHeader'; diff --git a/packages/fxa-settings/src/pages/Pair/Supp/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/Supp/index.stories.tsx index 4512828a091..b1830a619e2 100644 --- a/packages/fxa-settings/src/pages/Pair/Supp/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/Supp/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Supp from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/Supp/index.test.tsx b/packages/fxa-settings/src/pages/Pair/Supp/index.test.tsx index db69bce02ea..ff6dbdd441f 100644 --- a/packages/fxa-settings/src/pages/Pair/Supp/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/Supp/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import Supp from '.'; diff --git a/packages/fxa-settings/src/pages/Pair/SuppAllow/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/SuppAllow/index.stories.tsx index ee50b0b0692..2e87ccd1b2e 100644 --- a/packages/fxa-settings/src/pages/Pair/SuppAllow/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/SuppAllow/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SuppAllow from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/SuppAllow/index.test.tsx b/packages/fxa-settings/src/pages/Pair/SuppAllow/index.test.tsx index 575561b25b8..72ecd60333b 100644 --- a/packages/fxa-settings/src/pages/Pair/SuppAllow/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/SuppAllow/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent, act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import SuppAllow from '.'; diff --git a/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.stories.tsx index 5620c624fcf..0d0e58e7c9e 100644 --- a/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SuppWaitForAuth from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.test.tsx b/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.test.tsx index ef4f61b27c0..e1b110b161b 100644 --- a/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/SuppWaitForAuth/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import SuppWaitForAuth, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Pair/Unsupported/index.stories.tsx b/packages/fxa-settings/src/pages/Pair/Unsupported/index.stories.tsx index dd52d7ce974..715ac09410a 100644 --- a/packages/fxa-settings/src/pages/Pair/Unsupported/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Pair/Unsupported/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import PairUnsupported from '.'; import { Meta } from '@storybook/react'; import { MOCK_ERROR } from './mock'; diff --git a/packages/fxa-settings/src/pages/Pair/Unsupported/index.test.tsx b/packages/fxa-settings/src/pages/Pair/Unsupported/index.test.tsx index 446326d6272..90a60dbbdba 100644 --- a/packages/fxa-settings/src/pages/Pair/Unsupported/index.test.tsx +++ b/packages/fxa-settings/src/pages/Pair/Unsupported/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { usePageViewEvent } from '../../../lib/metrics'; diff --git a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.stories.tsx b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.stories.tsx index 1d6f05c0cbf..2d4bb477605 100644 --- a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.stories.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.test.tsx b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.test.tsx index 4b76c73749e..63e33b29655 100644 --- a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.test.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Subject } from './mocks'; diff --git a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.tsx b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.tsx index 158caf290da..4d5c18cfb2f 100644 --- a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps, useLocation } from '@reach/router'; import AppLayout from '../../../components/AppLayout'; import Banner from '../../../components/Banner'; diff --git a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/mocks.tsx b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/mocks.tsx index 1fc879d69fa..f6c764cd3f2 100644 --- a/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/mocks.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/ServiceWelcome/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { createHistory, createMemorySource, diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.stories.tsx index 58848fbb5ce..b7497f01b3d 100644 --- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import SetPassword from '.'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.test.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.test.tsx index 62a68139ea4..5b4a19765e7 100644 --- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.test.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { createMockIntegration, Subject } from './mocks'; diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx index 139a286391f..dd5271cfc69 100644 --- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import AppLayout from '../../../components/AppLayout'; import { FormSetupAccount } from '../../../components/FormSetupAccount'; diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/mocks.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/mocks.tsx index f73276ea910..5cdd93a500d 100644 --- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/mocks.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SetPassword from '.'; import { LocationProvider } from '@reach/router'; import { diff --git a/packages/fxa-settings/src/pages/PostVerify/ThirdPartyAuthCallback/index.test.tsx b/packages/fxa-settings/src/pages/PostVerify/ThirdPartyAuthCallback/index.test.tsx index a22b86860bf..19f0303313b 100644 --- a/packages/fxa-settings/src/pages/PostVerify/ThirdPartyAuthCallback/index.test.tsx +++ b/packages/fxa-settings/src/pages/PostVerify/ThirdPartyAuthCallback/index.test.tsx @@ -7,7 +7,6 @@ import { OAuthNativeClients, OAuthNativeServices } from '@fxa/accounts/oauth'; import * as utils from 'fxa-react/lib/utils'; import * as CacheModule from '../../../lib/cache'; -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import ThirdPartyAuthCallback from '.'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.stories.tsx index 684b19b7820..0f8ed8a73f2 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import AccountRecoveryConfirmKey from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.test.tsx index 9a40af63ce8..f252f5a68c3 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { Subject } from './mocks'; import { screen, waitFor } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.test.tsx index d458f8bf2c4..41437f0d139 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import CompleteResetPasswordContainer from './container'; import { mockOAuthNativeSigninIntegration } from '../../Signin/SigninTotpCode/mocks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.stories.tsx index b70e2496d2e..8a664eaf0fa 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { createMockWebIntegration, Subject } from './mocks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/container.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/container.test.tsx index 1696835e1b4..50b4a133ee6 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/container.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/container.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.stories.tsx index 5e5596496ba..bc117097e6c 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ConfirmBackupCodeResetPassword from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.test.tsx index 3581ff7e20b..babe42c52f7 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmBackupCodeResetPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Subject } from './mocks'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.stories.tsx index b361442e7c4..9206fda4591 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import ConfirmResetPassword from '.'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.test.tsx index d8b38839876..19f43214f77 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmResetPassword/index.test.tsx @@ -4,7 +4,6 @@ // TODO in FXA-7890 import tests from previous design and update -import React from 'react'; import { Subject } from './mocks'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/container.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/container.test.tsx index 524f300306e..ff814100926 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/container.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/container.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.stories.tsx index af529d6308d..35c04f8e496 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ConfirmTotpResetPassword from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.test.tsx index d98e3764c03..8692b823e82 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ConfirmTotpResetPassword/index.test.tsx @@ -4,7 +4,6 @@ // TODO in FXA-7890 import tests from previous design and update -import React from 'react'; import { Subject } from './mocks'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.stories.tsx index 1dff3564a1a..33f31806036 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ResetPassword from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.test.tsx index 80765fd8a37..5ddaf24dac3 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import GleanMetrics from '../../../lib/glean'; import { Subject } from './mocks'; @@ -59,7 +58,9 @@ describe('ResetPassword', () => { user.type(screen.getByRole('textbox'), `${MOCK_EMAIL} `) ); - await waitFor(() => user.click(screen.getByRole('button', { name: 'Continue' }))); + await waitFor(() => + user.click(screen.getByRole('button', { name: 'Continue' })) + ); expect(mockRequestResetPasswordCode).toHaveBeenCalledWith(MOCK_EMAIL); @@ -79,7 +80,9 @@ describe('ResetPassword', () => { user.type(screen.getByRole('textbox'), ` ${MOCK_EMAIL}`) ); - await waitFor(() => user.click(screen.getByRole('button', { name: 'Continue' }))); + await waitFor(() => + user.click(screen.getByRole('button', { name: 'Continue' })) + ); expect(mockRequestResetPasswordCode).toHaveBeenCalledWith(MOCK_EMAIL); expect(GleanMetrics.passwordReset.view).toHaveBeenCalledTimes(1); @@ -94,7 +97,9 @@ describe('ResetPassword', () => { ); await expect(screen.getByRole('heading', { level: 1 })).toBeVisible(); - await waitFor(() => user.click(screen.getByRole('button', { name: 'Continue' }))); + await waitFor(() => + user.click(screen.getByRole('button', { name: 'Continue' })) + ); expect(screen.getByText('Valid email required')).toBeVisible(); expect(mockRequestResetPasswordCode).not.toHaveBeenCalled(); @@ -111,7 +116,9 @@ describe('ResetPassword', () => { await expect(screen.getByRole('heading', { level: 1 })).toBeVisible(); await waitFor(() => user.type(screen.getByRole('textbox'), 'boop')); - await waitFor(() => user.click(screen.getByRole('button', { name: 'Continue' }))); + await waitFor(() => + user.click(screen.getByRole('button', { name: 'Continue' })) + ); expect(screen.getByText('Valid email required')).toBeVisible(); expect(mockRequestResetPasswordCode).not.toHaveBeenCalled(); diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.stories.tsx index f4cca6f76df..8a1c664b5f8 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ResetPasswordConfirmed from '.'; import { MozServices } from '../../../lib/types'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.test.tsx index b2da3275599..73bdadd2f65 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import ResetPasswordConfirmed from '.'; @@ -22,7 +21,9 @@ describe('ResetPasswordConfirmed', () => { expect( screen.getByText('Your password has been reset') ).toBeInTheDocument(); - const submitButton = screen.getByRole('button', { name: 'Continue to Mozilla Monitor' }); + const submitButton = screen.getByRole('button', { + name: 'Continue to Mozilla Monitor', + }); expect(submitButton).toHaveTextContent('Continue to Mozilla Monitor'); expect(submitButton).toHaveAttribute( 'data-glean-id', @@ -50,7 +51,9 @@ describe('ResetPasswordConfirmed', () => { serviceName={MozServices.Monitor} /> ); - user.click(screen.getByRole('button', { name: 'Continue to Mozilla Monitor' })); + user.click( + screen.getByRole('button', { name: 'Continue to Mozilla Monitor' }) + ); await waitFor(() => expect(mockContinueHandler).toHaveBeenCalledTimes(1)); }); }); diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.tsx index a83394dab1e..b59f24965d1 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordConfirmed/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import AppLayout from '../../../components/AppLayout'; import { ResetPasswordConfirmedProps } from './interfaces'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.stories.tsx index ea12739801e..19b03867326 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import ResetPasswordRecoveryChoice from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.test.tsx index 96e82d1c715..8c54c02c537 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/index.test.tsx @@ -4,7 +4,6 @@ import * as ReachRouterModule from '@reach/router'; -import React from 'react'; import { LocationProvider } from '@reach/router'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor, within } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.test.tsx index a87941cd7b0..475a7d9292c 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { act } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.tsx index 7c3aeed8991..a44ad8cfc6e 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/container.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps, useLocation } from '@reach/router'; import ResetPasswordRecoveryPhone from '.'; import { getHandledError } from '../../../lib/error-utils'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.stories.tsx index 966d446d447..2c9a69ca8f0 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.test.tsx index fb5936d4627..237b82146e7 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/mocks.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/mocks.tsx index ad12b1e23b1..db20f90ec79 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/mocks.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryPhone/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import ResetPasswordRecoveryPhone from '.'; import { ResetPasswordRecoveryPhoneProps } from './interfaces'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.stories.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.stories.tsx index 8053eac5946..8f474a234f4 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.stories.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ResetPasswordWithRecoveryKeyVerified from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.test.tsx index 6b852fd1668..f9094471ed1 100644 --- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.test.tsx +++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordWithRecoveryKeyVerified/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import ResetPasswordWithRecoveryKeyVerified, { viewName } from '.'; import { logViewEvent } from '../../../lib/metrics'; diff --git a/packages/fxa-settings/src/pages/Signin/CompleteSignin/container.test.tsx b/packages/fxa-settings/src/pages/Signin/CompleteSignin/container.test.tsx index ff45f4cdf84..87714c0c998 100644 --- a/packages/fxa-settings/src/pages/Signin/CompleteSignin/container.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/CompleteSignin/container.test.tsx @@ -6,7 +6,6 @@ import * as UseValidateModule from '../../../lib/hooks/useValidate'; import * as ModelsModule from '../../../models'; import * as ReactUtils from 'fxa-react/lib/utils'; -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import AuthClient from 'fxa-auth-client/browser'; import CompleteSigninContainer from './container'; diff --git a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.stories.tsx index a11b0560425..78b41872f1a 100644 --- a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import CompleteSignin from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.test.tsx b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.test.tsx index 64f2cae70f7..b49735e4084 100644 --- a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import CompleteSignin from '.'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.tsx b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.tsx index 4825a9cb65a..a07c6ff3316 100644 --- a/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.tsx +++ b/packages/fxa-settings/src/pages/Signin/CompleteSignin/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import LoadingSpinner from 'fxa-react/components/LoadingSpinner'; import { FtlMsg } from 'fxa-react/lib/utils'; diff --git a/packages/fxa-settings/src/pages/Signin/ReportSignin/container.test.tsx b/packages/fxa-settings/src/pages/Signin/ReportSignin/container.test.tsx index d3c8431c6b1..5dc729ec13c 100644 --- a/packages/fxa-settings/src/pages/Signin/ReportSignin/container.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/ReportSignin/container.test.tsx @@ -6,7 +6,6 @@ * TIP - See signup/container.test.tsx for helpful tips about writing container tests */ -import React from 'react'; import * as ReportSigninModule from './index'; import * as LinkDamagedModule from '../../../components/LinkDamaged'; import * as UseValidateModule from '../../../lib/hooks/useValidate'; diff --git a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.stories.tsx index 46ce608b21e..a381d5426d7 100644 --- a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ReportSignin from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.test.tsx b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.test.tsx index 2175f07d53e..b5ba38bcb23 100644 --- a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import ReportSignin, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.tsx b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.tsx index 0d9239cdb8e..d57fb0d4050 100644 --- a/packages/fxa-settings/src/pages/Signin/ReportSignin/index.tsx +++ b/packages/fxa-settings/src/pages/Signin/ReportSignin/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { usePageViewEvent } from '../../../lib/metrics'; import { FtlMsg } from 'fxa-react/lib/utils'; import { RouteComponentProps } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninBounced/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninBounced/index.stories.tsx index 2718b154b3d..10c48ac1407 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninBounced/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninBounced/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninBounced from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninBounced/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninBounced/index.test.tsx index 18233642bff..560ac2c4513 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninBounced/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninBounced/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, fireEvent } from '@testing-library/react'; import { MOCK_ACCOUNT, renderWithRouter } from '../../../models/mocks'; import SigninBounced, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.stories.tsx index 52e69e9e768..962d14f194b 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninConfirmed from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; @@ -36,10 +35,14 @@ export const IsSync = () => ( export const IsSyncWithCms = () => ( - ); diff --git a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.test.tsx index 8b730da0e91..77706574e2a 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.tsx b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.tsx index 07fb7911772..e1d180d0bb3 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninConfirmed/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import Ready from '../../../components/Ready'; import { MozServices } from '../../../lib/types'; @@ -22,13 +21,15 @@ const SigninConfirmed = ({ continueHandler, isSignedIn, serviceName, - integration + integration, }: SigninConfirmedProps & RouteComponentProps) => { const cmsInfo = integration?.getCmsInfo?.(); return ( - + ); }; diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.stories.tsx index b83b2af0e0f..35134589d52 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninPasskeyFallback from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.test.tsx index eaf0612cb29..974a175e5eb 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithRouter } from '../../../models/mocks'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.stories.tsx index 3fff1b5c016..c5423048bc1 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { Subject, createMockWebIntegration } from './mocks'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.test.tsx index fe97daa3b83..088ef43505e 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import * as ReactUtils from 'fxa-react/lib/utils'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/mocks.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/mocks.tsx index 49f7c12e12e..c6a83161fc2 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninPasswordlessCode/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { OAuthNativeClients, OAuthNativeServices } from '@fxa/accounts/oauth'; import { diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.stories.tsx index 5b9868f50ce..4061c24e8b5 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import SigninRecoveryChoice from '.'; import { withLocalization } from 'fxa-react/lib/storybooks'; @@ -41,7 +40,7 @@ export const DefaultWithCms = () => ( lastFourPhoneDigits="1234" numBackupCodes={4} signinState={MOCK_SIGNIN_LOCATION_STATE} - integration={createMockSigninOAuthIntegration({ cmsInfo: MOCK_CMS_INFO})} + integration={createMockSigninOAuthIntegration({ cmsInfo: MOCK_CMS_INFO })} /> ); diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.test.tsx index 30d05557c38..eac588a59e0 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/index.test.tsx @@ -4,7 +4,6 @@ import * as ReachRouterModule from '@reach/router'; -import React from 'react'; import { LocationProvider } from '@reach/router'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor, within } from '@testing-library/react'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.stories.tsx index f9c6c67718a..76606d24893 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninRecoveryCode from '.'; import { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.test.tsx index f151776a69e..52cc54490e1 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.tsx index 9a51ea6270b..89bed4a0da2 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryCode/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { useCallback, useEffect, useState } from 'react'; import { RouteComponentProps, useLocation } from '@reach/router'; import { FtlMsg } from 'fxa-react/lib/utils'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.stories.tsx index b0f4a6a6226..e424f928650 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.test.tsx index 0d1d3b0298f..fb8c5fc8024 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/index.test.tsx @@ -2,14 +2,16 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { screen, waitFor } from '@testing-library/react'; import { userEvent } from '@testing-library/user-event'; import SigninRecoveryPhone from './index'; import { AuthUiErrors } from '../../../lib/auth-errors/auth-errors'; import { HandledError } from '../../../lib/error-utils'; -import { createMockSigninWebIntegration, mockSigninLocationState } from '../mocks'; +import { + createMockSigninWebIntegration, + mockSigninLocationState, +} from '../mocks'; import { MOCK_CMS_INFO } from '../../mocks'; describe('SigninRecoveryPhone', () => { diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/mocks.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/mocks.tsx index eb137fe77c9..9d2ded10846 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryPhone/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import SigninRecoveryPhone from '.'; import { SigninRecoveryPhoneProps } from './interfaces'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninReported/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninReported/index.stories.tsx index 15d05b4d5ba..f534544298c 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninReported/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninReported/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninReported from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninReported/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninReported/index.test.tsx index 7b3644498be..9925d38bd9b 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninReported/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninReported/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninReported/index.tsx b/packages/fxa-settings/src/pages/Signin/SigninReported/index.tsx index e87f190d2f8..c3ea772136d 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninReported/index.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninReported/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { usePageViewEvent } from '../../../lib/metrics'; import { FtlMsg } from 'fxa-react/lib/utils'; import { RouteComponentProps } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.stories.tsx index d52f7dc4f03..0c44ef462ce 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninTokenCode from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.test.tsx index 394c068a4cb..22690c84542 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import * as ReactUtils from 'fxa-react/lib/utils'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/mocks.tsx b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/mocks.tsx index 8931f2204e1..f48810605e8 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTokenCode/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTokenCode/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { IntegrationType, diff --git a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.stories.tsx index 0fe264e2ae3..39f373baa04 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninTotpCode from '.'; import { Meta } from '@storybook/react'; import { LocationProvider } from '@reach/router'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.test.tsx index 6b2dae5b711..1c32aa38105 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/index.test.tsx @@ -4,7 +4,6 @@ import * as ReactUtils from 'fxa-react/lib/utils'; -import React from 'react'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import GleanMetrics from '../../../lib/glean'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/mocks.tsx b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/mocks.tsx index b74fad10790..60e867b5929 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import { OAuthNativeServices } from '@fxa/accounts/oauth'; import { diff --git a/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.stories.tsx index 9af9364dc19..96c9ed64f7e 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SigninUnblock from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.test.tsx index 52efa8b5faf..ec88f685825 100644 --- a/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/SigninUnblock/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import * as utils from 'fxa-react/lib/utils'; import { screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; diff --git a/packages/fxa-settings/src/pages/Signin/index.stories.tsx b/packages/fxa-settings/src/pages/Signin/index.stories.tsx index cff536ea46c..fbf4dc82d0b 100644 --- a/packages/fxa-settings/src/pages/Signin/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signin/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Signin from '.'; import { Meta, StoryObj } from '@storybook/react'; import { diff --git a/packages/fxa-settings/src/pages/Signin/index.test.tsx b/packages/fxa-settings/src/pages/Signin/index.test.tsx index 17ac135e069..591076df99d 100644 --- a/packages/fxa-settings/src/pages/Signin/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signin/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen, diff --git a/packages/fxa-settings/src/pages/Signin/mocks.tsx b/packages/fxa-settings/src/pages/Signin/mocks.tsx index 4cc153a9d25..ee6ca4027e6 100644 --- a/packages/fxa-settings/src/pages/Signin/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signin/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Signin from '.'; import VerificationMethods from '../../constants/verification-methods'; import VerificationReasons from '../../constants/verification-reasons'; diff --git a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.stories.tsx b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.stories.tsx index 9caf6faea22..b8988777df0 100644 --- a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import ConfirmSignupCode from '.'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; diff --git a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.test.tsx b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.test.tsx index 4c8a6e11967..450d3fdf819 100644 --- a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen, waitFor } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/mocks.tsx b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/mocks.tsx index 27df6a36a9e..c7480f44cb9 100644 --- a/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signup/ConfirmSignupCode/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { LocationProvider } from '@reach/router'; import ConfirmSignupCode from '.'; import { OAuthNativeClients, OAuthNativeServices } from '@fxa/accounts/oauth'; diff --git a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.stories.tsx b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.stories.tsx index ca1d15b98f1..ecbd561e24b 100644 --- a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import PrimaryEmailVerified, { PrimaryEmailVerifiedProps } from '.'; import { Meta } from '@storybook/react'; import { MOCK_SERVICE } from './mocks'; diff --git a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.test.tsx b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.test.tsx index 24fb8ae1854..a381fc95dd7 100644 --- a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; import PrimaryEmailVerified, { viewName } from '.'; diff --git a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.tsx b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.tsx index ca72ded7abe..e1a340b59ad 100644 --- a/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.tsx +++ b/packages/fxa-settings/src/pages/Signup/PrimaryEmailVerified/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import Ready from '../../../components/Ready'; import { MozServices } from '../../../lib/types'; @@ -20,7 +19,7 @@ export const viewName = 'primary-email-verified'; const PrimaryEmailVerified = ({ serviceName, isSignedIn, - integration + integration, }: PrimaryEmailVerifiedProps & RouteComponentProps) => { const cmsInfo = integration?.getCmsInfo?.(); diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.stories.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.stories.tsx index 8a6c4936c1e..5052ca98596 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import SignupConfirmed from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; @@ -36,9 +35,10 @@ export const IsSync = () => ( export const IsSyncWithCms = () => ( - ); diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.test.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.test.tsx index 8fea144bcb7..4517eeb7233 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { fireEvent, screen } from '@testing-library/react'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; // import { getFtlBundle, testAllL10n, testL10n } from 'fxa-react/lib/test-utils'; // import { FluentBundle } from '@fluent/bundle'; diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.tsx index ee47da6019c..4e4cd201149 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmed/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps } from '@reach/router'; import Ready, { ReadyBaseIntegration } from '../../../components/Ready'; import AppLayout from '../../../components/AppLayout'; @@ -27,7 +26,9 @@ const SignupConfirmed = ({ return ( - + ); }; diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.stories.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.stories.tsx index f1a03db708b..b0529c71f59 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { withLocalization } from 'fxa-react/lib/storybooks'; import { createMockIntegration } from './mocks'; diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.test.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.test.tsx index e17ea1dec80..5cca60671ce 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { screen } from '@testing-library/react'; import userEvent, { UserEvent } from '@testing-library/user-event'; import { renderWithLocalizationProvider } from 'fxa-react/lib/test-utils/localizationProvider'; diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.tsx index 2697079de4e..cfe2dc8d738 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { RouteComponentProps, useLocation } from '@reach/router'; import AppLayout from '../../../components/AppLayout'; import Banner from '../../../components/Banner'; diff --git a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/mocks.tsx b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/mocks.tsx index 2feb1215232..a35d5b49b90 100644 --- a/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/mocks.tsx +++ b/packages/fxa-settings/src/pages/Signup/SignupConfirmedSync/mocks.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { SignupConfirmedSyncIntegration, SignupConfirmedSyncProps, diff --git a/packages/fxa-settings/src/pages/Signup/index.stories.tsx b/packages/fxa-settings/src/pages/Signup/index.stories.tsx index ae78f297dff..4e287b67218 100644 --- a/packages/fxa-settings/src/pages/Signup/index.stories.tsx +++ b/packages/fxa-settings/src/pages/Signup/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import Signup from '.'; import { LocationProvider } from '@reach/router'; import { Meta } from '@storybook/react'; diff --git a/packages/fxa-settings/src/pages/Signup/index.test.tsx b/packages/fxa-settings/src/pages/Signup/index.test.tsx index 1c7c5efb0d8..f676c9430e6 100644 --- a/packages/fxa-settings/src/pages/Signup/index.test.tsx +++ b/packages/fxa-settings/src/pages/Signup/index.test.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { act, cleanup, diff --git a/packages/fxa-settings/src/pages/Signup/index.tsx b/packages/fxa-settings/src/pages/Signup/index.tsx index 3de7ce15a74..bba652648a3 100644 --- a/packages/fxa-settings/src/pages/Signup/index.tsx +++ b/packages/fxa-settings/src/pages/Signup/index.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { FtlMsg } from 'fxa-react/lib/utils'; import { isEmailMask } from 'fxa-shared/email/helpers'; import { useCallback, useEffect, useState } from 'react'; diff --git a/packages/fxa-settings/src/pages/WebAuthnHelpersExample/fieldGuides.tsx b/packages/fxa-settings/src/pages/WebAuthnHelpersExample/fieldGuides.tsx index f98144368fe..af8012b86d5 100644 --- a/packages/fxa-settings/src/pages/WebAuthnHelpersExample/fieldGuides.tsx +++ b/packages/fxa-settings/src/pages/WebAuthnHelpersExample/fieldGuides.tsx @@ -10,8 +10,6 @@ * JsonResponseGuide — response field descriptions, shown in JSON mode after a call */ -import React from 'react'; - // ─── Types ──────────────────────────────────────────────────────────────────── export type FieldSpec = { diff --git a/packages/fxa-settings/src/pages/WebAuthnHelpersExample/index.stories.tsx b/packages/fxa-settings/src/pages/WebAuthnHelpersExample/index.stories.tsx index 11a6e3ee7ec..9e68e295ec0 100644 --- a/packages/fxa-settings/src/pages/WebAuthnHelpersExample/index.stories.tsx +++ b/packages/fxa-settings/src/pages/WebAuthnHelpersExample/index.stories.tsx @@ -2,7 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -import React from 'react'; import { Meta } from '@storybook/react'; import { WebAuthnHelpersExample } from '.';