diff --git a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx index 1ad15b5aa..05c4b0d54 100644 --- a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx +++ b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx @@ -14,6 +14,7 @@ import { ApplicationGroup } from '@/Application/ApplicationGroup' import { formatLastSyncDate } from '@/Utils/DateUtils' import Spinner from '@/Components/Spinner/Spinner' import { MenuItemIconSize } from '@/Constants/TailwindClassNames' +import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery' type Props = { viewControllerManager: ViewControllerManager @@ -98,6 +99,8 @@ const GeneralAccountMenu: FunctionComponent = ({ const CREATE_ACCOUNT_INDEX = 1 const SWITCHER_INDEX = 0 + const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm) + return ( <>
@@ -183,10 +186,12 @@ const GeneralAccountMenu: FunctionComponent = ({
v{application.version} - - - Open FileSend - + {isMobileScreen && ( + + + Open FileSend + + )} viewControllerManager.isImportModalVisible.set(true)}> Import