From fbc93a4f281c12a14b3dc41703506096a119d55a Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 3 Jan 2023 11:53:44 +0530
Subject: [PATCH] refactor: only show open filesend menu option on mobile

---
 .../Components/AccountMenu/GeneralAccountMenu.tsx   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

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<Props> = ({
   const CREATE_ACCOUNT_INDEX = 1
   const SWITCHER_INDEX = 0
 
+  const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
+
   return (
     <>
       <div className="mt-1 mb-1 flex items-center justify-between px-3">
@@ -183,10 +186,12 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
           </div>
           <span className="text-neutral">v{application.version}</span>
         </MenuItem>
-        <MenuItem onClick={openFileSend}>
-          <Icon type="open-in" className={iconClassName} />
-          Open FileSend
-        </MenuItem>
+        {isMobileScreen && (
+          <MenuItem onClick={openFileSend}>
+            <Icon type="open-in" className={iconClassName} />
+            Open FileSend
+          </MenuItem>
+        )}
         <MenuItem onClick={() => viewControllerManager.isImportModalVisible.set(true)}>
           <Icon type="archive" className={iconClassName} />
           Import