diff --git a/packages/web/components/elements/IOSInstallHelp.tsx b/packages/web/components/elements/IOSInstallHelp.tsx index e69e722e3..5eb96fc36 100644 --- a/packages/web/components/elements/IOSInstallHelp.tsx +++ b/packages/web/components/elements/IOSInstallHelp.tsx @@ -14,23 +14,6 @@ type MobileInstallHelpProps = { export default function IOSInstallHelp({ onboarding = false, }: MobileInstallHelpProps): JSX.Element { - const [selectedTooltip, setSelectedTooltip] = - React.useState('Available for Mac') - const platformSizes = [ - { - label: 'Available for Mac', - icon: , - }, - { - label: 'Available for iPad', - icon: , - }, - { - label: 'Available for iPhone', - icon: , - }, - ] - const iosContainerStyles = { marginTop: '12px', width: '100%', @@ -138,24 +121,9 @@ export default function IOSInstallHelp({ }, }} > - With the Omnivore for iOS and macOS app installed you can save any link - using our Share extension. -
- {!onboarding && ( - - Learn more about the iOS and macOS app -> - - )} + With the native Omnivore for iOS and macOS app installed you can save + any link, read offline, and listen to your saved items using + text-to-speech. - {platformSizes.map((item, idx) => ( - - setSelectedTooltip(item.label)} - css={{ - mx: 'auto', - borderRadius: '50%', - display: 'inline-flex', - alignItems: 'center', - justifyContent: 'center', - height: 35, - width: 35, - cursor: 'pointer', - backgroundColor: '$labelButtonsBg', - ...(selectedTooltip !== item.label && { - filter: 'grayscale(1)', - }), - '&:focus': { - filter: 'grayscale(0)', - }, - '&:active': { - filter: 'grayscale(0)', - }, - '@lg': { - transition: 'filter .3s linear', - '&:hover': { - filter: 'grayscale(0)', - }, - }, - }} - > - {item.icon} - - - ))} - + > ) diff --git a/packages/web/pages/settings/installation/index.tsx b/packages/web/pages/settings/installation/index.tsx index 2d57afe58..db8068515 100644 --- a/packages/web/pages/settings/installation/index.tsx +++ b/packages/web/pages/settings/installation/index.tsx @@ -3,6 +3,22 @@ import { SettingsLayout } from '../../../components/templates/SettingsLayout' import IOSInstallHelp from '../../../components/elements/IOSInstallHelp' import ExtensionInstallHelp from '../../../components/elements/ExtensionsInstallHelp' import { Box } from '../../../components/elements/LayoutPrimitives' +import AndroidInstallHelp from '../../../components/elements/AndroidInstallHelp' + +const Divider = (): JSX.Element => { + return ( + + ) +} export default function Installation(): JSX.Element { return ( @@ -23,16 +39,9 @@ export default function Installation(): JSX.Element { }} > - + + +