diff --git a/src/view/com/feeds/CustomFeed.tsx b/src/view/com/feeds/CustomFeed.tsx index 264c2d98..1635d17f 100644 --- a/src/view/com/feeds/CustomFeed.tsx +++ b/src/view/com/feeds/CustomFeed.tsx @@ -1,12 +1,5 @@ import React from 'react' -import { - Pressable, - StyleProp, - StyleSheet, - View, - ViewStyle, - TouchableOpacity, -} from 'react-native' +import {Pressable, StyleProp, StyleSheet, View, ViewStyle} from 'react-native' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {Text} from '../util/text/Text' import {usePalette} from 'lib/hooks/usePalette' @@ -68,7 +61,7 @@ export const CustomFeed = observer( }, [store, item]) return ( - ) : null} - + ) }, ) diff --git a/src/view/com/util/Link.tsx b/src/view/com/util/Link.tsx index fd886fda..ead85d0b 100644 --- a/src/view/com/util/Link.tsx +++ b/src/view/com/util/Link.tsx @@ -9,8 +9,9 @@ import { TextProps, View, ViewStyle, - TouchableOpacity, + Pressable, TouchableWithoutFeedback, + TouchableOpacity, } from 'react-native' import { useLinkProps, @@ -112,7 +113,7 @@ export const Link = observer(function Link({ } return ( - {children ? children : {title || 'link'}} - + ) }) diff --git a/src/view/com/util/images/AutoSizedImage.tsx b/src/view/com/util/images/AutoSizedImage.tsx index 9c6f25ca..da2f7ab4 100644 --- a/src/view/com/util/images/AutoSizedImage.tsx +++ b/src/view/com/util/images/AutoSizedImage.tsx @@ -1,17 +1,10 @@ import React from 'react' -import { - StyleProp, - StyleSheet, - TouchableOpacity, - View, - ViewStyle, -} from 'react-native' +import {StyleProp, StyleSheet, Pressable, View, ViewStyle} from 'react-native' import {Image} from 'expo-image' import {clamp} from 'lib/numbers' import {useStores} from 'state/index' import {Dimensions} from 'lib/media/types' -export const DELAY_PRESS_IN = 500 const MIN_ASPECT_RATIO = 0.33 // 1/3 const MAX_ASPECT_RATIO = 5 // 5/1 @@ -57,11 +50,10 @@ export function AutoSizedImage({ if (onPress || onLongPress || onPressIn) { return ( - {children} - + ) } diff --git a/src/view/com/util/images/Gallery.tsx b/src/view/com/util/images/Gallery.tsx index 01a7d574..679f71c9 100644 --- a/src/view/com/util/images/Gallery.tsx +++ b/src/view/com/util/images/Gallery.tsx @@ -1,6 +1,6 @@ import {AppBskyEmbedImages} from '@atproto/api' import React, {ComponentProps, FC} from 'react' -import {StyleSheet, Text, TouchableOpacity, View} from 'react-native' +import {StyleSheet, Text, Pressable, View} from 'react-native' import {Image} from 'expo-image' type EventFunction = (index: number) => void @@ -14,8 +14,6 @@ interface GalleryItemProps { imageStyle: ComponentProps['style'] } -const DELAY_PRESS_IN = 500 - export const GalleryItem: FC = ({ images, index, @@ -28,8 +26,7 @@ export const GalleryItem: FC = ({ return ( - onPress(index) : undefined} onPressIn={onPressIn ? () => onPressIn(index) : undefined} onLongPress={onLongPress ? () => onLongPress(index) : undefined} @@ -44,7 +41,7 @@ export const GalleryItem: FC = ({ accessibilityHint="" accessibilityIgnoresInvertColors /> - + {image.alt === '' ? null : ( diff --git a/src/view/com/util/post-embeds/YoutubeEmbed.tsx b/src/view/com/util/post-embeds/YoutubeEmbed.tsx index 2ca0750a..2f2da566 100644 --- a/src/view/com/util/post-embeds/YoutubeEmbed.tsx +++ b/src/view/com/util/post-embeds/YoutubeEmbed.tsx @@ -23,9 +23,9 @@ export const YoutubeEmbed = ({ return ( + href={link.uri}> ) diff --git a/src/view/com/util/post-embeds/index.tsx b/src/view/com/util/post-embeds/index.tsx index 5d009043..bf2365f1 100644 --- a/src/view/com/util/post-embeds/index.tsx +++ b/src/view/com/util/post-embeds/index.tsx @@ -150,7 +150,6 @@ export function PostEmbeds({ return (