rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: only show open filesend menu option on mobile

Browse Source
This commit is contained in:
Aman Harwara
2023-01-03 11:53:44 +05:30
parent a896b4d9cf
commit fbc93a4f28
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
View File

@@ -14,6 +14,7 @@ import { ApplicationGroup } from '@/Application/ApplicationGroup'
import { formatLastSyncDate } from '@/Utils/DateUtils' import { formatLastSyncDate } from '@/Utils/DateUtils'
import Spinner from '@/Components/Spinner/Spinner' import Spinner from '@/Components/Spinner/Spinner'
import { MenuItemIconSize } from '@/Constants/TailwindClassNames' import { MenuItemIconSize } from '@/Constants/TailwindClassNames'
import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
type Props = { type Props = {
viewControllerManager: ViewControllerManager viewControllerManager: ViewControllerManager
@@ -98,6 +99,8 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
const CREATE_ACCOUNT_INDEX = 1 const CREATE_ACCOUNT_INDEX = 1
const SWITCHER_INDEX = 0 const SWITCHER_INDEX = 0
const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
return ( return (
<> <>
<div className="mt-1 mb-1 flex items-center justify-between px-3"> <div className="mt-1 mb-1 flex items-center justify-between px-3">
@@ -183,10 +186,12 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
</div> </div>
<span className="text-neutral">v{application.version}</span> <span className="text-neutral">v{application.version}</span>
</MenuItem> </MenuItem>
<MenuItem onClick={openFileSend}> {isMobileScreen && (
<Icon type="open-in" className={iconClassName} /> <MenuItem onClick={openFileSend}>
Open FileSend <Icon type="open-in" className={iconClassName} />
</MenuItem> Open FileSend
</MenuItem>
)}
<MenuItem onClick={() => viewControllerManager.isImportModalVisible.set(true)}> <MenuItem onClick={() => viewControllerManager.isImportModalVisible.set(true)}>
<Icon type="archive" className={iconClassName} /> <Icon type="archive" className={iconClassName} />
Import Import