diff --git a/ui/component/claimMenuList/view.jsx b/ui/component/claimMenuList/view.jsx index 7ce04aa30..24e984e13 100644 --- a/ui/component/claimMenuList/view.jsx +++ b/ui/component/claimMenuList/view.jsx @@ -7,10 +7,10 @@ import React from 'react'; import classnames from 'classnames'; import { Menu, MenuButton, MenuList, MenuItem } from '@reach/menu-button'; import Icon from 'component/common/icon'; +import { useIsMobile } from 'effects/use-screensize'; import { generateShareUrl, generateRssUrl, generateLbryContentUrl } from 'util/url'; import { useHistory } from 'react-router'; import { buildURI, parseURI, COLLECTIONS_CONSTS } from 'lbry-redux'; - const SHARE_DOMAIN = SHARE_DOMAIN_URL || URL; const PAGE_VIEW_QUERY = `view`; const EDIT_PAGE = 'edit'; @@ -94,6 +94,8 @@ function ClaimMenuList(props: Props) { editedCollection, isAuthenticated, } = props; + + const isMobile = useIsMobile(); const incognitoClaim = contentChannelUri && !contentChannelUri.includes('@'); const isChannel = !incognitoClaim && !contentSigningChannel; const { channelName } = parseURI(contentChannelUri); @@ -229,7 +231,7 @@ function ClaimMenuList(props: Props) { push(`/$/${PAGES.REPORT_CONTENT}?claimId=${contentClaim && contentClaim.claim_id}`); } - function openInDesktop() { + function handleOpenInDesktop() { // $FlowFixMe window.open(`/$/${PAGES.OPEN_IN_DESKTOP}/${contentClaim.name}/${contentClaim.claim_id}`, '_blank'); } @@ -416,11 +418,11 @@ function ClaimMenuList(props: Props) { )} - {IS_WEB && ( - + {IS_WEB && !isMobile && ( +
- {__('Open in desktop')} + {__('Open in Desktop')}
)}