diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx index c51335c727..c38ab3fd50 100644 --- a/src/view/com/notifications/FeedItem.tsx +++ b/src/view/com/notifications/FeedItem.tsx @@ -39,6 +39,7 @@ import {useAnimatedValue} from 'lib/hooks/useAnimatedValue' import {formatCount} from '../util/numeric/format' import {makeProfileLink} from 'lib/routes/links' import {TimeElapsed} from '../util/TimeElapsed' +import {isWeb} from 'platform/detection' const MAX_AUTHORS = 5 @@ -450,10 +451,12 @@ const styles = StyleSheet.create({ overflowHidden: { overflow: 'hidden', }, - pointer: { - // @ts-ignore web only - cursor: 'pointer', - }, + pointer: isWeb + ? { + // @ts-ignore web only + cursor: 'pointer', + } + : {}, outer: { padding: 10, diff --git a/src/view/com/util/layouts/withBreakpoints.tsx b/src/view/com/util/layouts/withBreakpoints.tsx index 5746aa660d..2f38f9da5b 100644 --- a/src/view/com/util/layouts/withBreakpoints.tsx +++ b/src/view/com/util/layouts/withBreakpoints.tsx @@ -1,5 +1,4 @@ import React from 'react' -import {isNative} from 'platform/detection' import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' export const withBreakpoints =

( @@ -8,12 +7,12 @@ export const withBreakpoints =

( Desktop: React.ComponentType

, ): React.FC

=> function WithBreakpoints(props: P) { - const {isMobile, isTabletOrMobile} = useWebMediaQueries() + const {isMobile, isTablet} = useWebMediaQueries() - if (isMobile || isNative) { + if (isMobile) { return } - if (isTabletOrMobile) { + if (isTablet) { return } return diff --git a/src/view/com/util/load-latest/LoadLatestBtn.tsx b/src/view/com/util/load-latest/LoadLatestBtn.tsx index f5d12ce2c1..7b2fafb680 100644 --- a/src/view/com/util/load-latest/LoadLatestBtn.tsx +++ b/src/view/com/util/load-latest/LoadLatestBtn.tsx @@ -64,12 +64,13 @@ const styles = StyleSheet.create({ alignItems: 'center', justifyContent: 'center', }, - loadLatestTablet: { - // @ts-ignore web only - left: '50vw', - // @ts-ignore web only -prf - transform: 'translateX(-282px)', - }, + // @ts-ignore web only + loadLatestTablet: isWeb + ? { + left: '50vw', + transform: 'translateX(-282px)', + } + : {}, loadLatestDesktop: { // @ts-ignore web only left: '50vw',