diff --git a/packages/web/components/elements/ExtensionsInstallHelp.tsx b/packages/web/components/elements/ExtensionsInstallHelp.tsx index cb86225ed..2b10ddd11 100644 --- a/packages/web/components/elements/ExtensionsInstallHelp.tsx +++ b/packages/web/components/elements/ExtensionsInstallHelp.tsx @@ -112,9 +112,7 @@ export default function ExtensionsInstallHelp({ height: '130px', }} > - + diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index 8680fcb09..b57ec2e05 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -39,7 +39,13 @@ export default function MobileInstallHelp({ }, ] - const iosContainerStyles = { marginTop: '12px', width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'} + const iosContainerStyles = { + marginTop: '12px', + width: '100%', + height: '40px', + display: 'flex', + justifyContent: !onboarding ? 'flex-end' : 'initial', + } return ( @@ -179,7 +185,7 @@ export default function MobileInstallHelp({ diff --git a/packages/web/components/elements/images/ChromeIcon.tsx b/packages/web/components/elements/images/ChromeIcon.tsx index 234c823b7..2b803e63b 100644 --- a/packages/web/components/elements/images/ChromeIcon.tsx +++ b/packages/web/components/elements/images/ChromeIcon.tsx @@ -1,36 +1,5 @@ -type ChromeIconProps = { - fillColor?: string -} +import Image from 'next/image' -export function ChromeIcon(props: ChromeIconProps): JSX.Element { - return ( - - - - - - - - ) +export function ChromeIcon(): JSX.Element { + return } diff --git a/packages/web/components/elements/images/EdgeIcon.tsx b/packages/web/components/elements/images/EdgeIcon.tsx index 991b73d2d..783ca59a5 100644 --- a/packages/web/components/elements/images/EdgeIcon.tsx +++ b/packages/web/components/elements/images/EdgeIcon.tsx @@ -1,127 +1,5 @@ -type EdgeIconProps = { - fillColor?: string -} +import Image from 'next/image' -export function EdgeIcon(props: EdgeIconProps): JSX.Element { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) +export function EdgeIcon(): JSX.Element { + return } diff --git a/packages/web/components/elements/images/FirefoxIcon.tsx b/packages/web/components/elements/images/FirefoxIcon.tsx index 7453e0722..baeb4f83b 100644 --- a/packages/web/components/elements/images/FirefoxIcon.tsx +++ b/packages/web/components/elements/images/FirefoxIcon.tsx @@ -1,232 +1,5 @@ -type FirefoxIconProps = { - fillColor?: string -} +import Image from 'next/image' -export function FirefoxIcon(props: FirefoxIconProps): JSX.Element { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) +export function FirefoxIcon(): JSX.Element { + return } diff --git a/packages/web/components/elements/images/SafariIcon.tsx b/packages/web/components/elements/images/SafariIcon.tsx index c40b04861..a8187fc89 100644 --- a/packages/web/components/elements/images/SafariIcon.tsx +++ b/packages/web/components/elements/images/SafariIcon.tsx @@ -1,50 +1,5 @@ -type SafariIconProps = { - fillColor?: string -} +import Image from 'next/image' -export function SafariIcon(props: SafariIconProps): JSX.Element { - return ( - - - - - - - - - - - - - - ) +export function SafariIcon(): JSX.Element { + return }