diff --git a/src/components/Post/Embed/ExternalEmbed/Gif.tsx b/src/components/Post/Embed/ExternalEmbed/Gif.tsx index 33a1c66f24..0a455b546e 100644 --- a/src/components/Post/Embed/ExternalEmbed/Gif.tsx +++ b/src/components/Post/Embed/ExternalEmbed/Gif.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import {useRef, useState} from 'react' import { Pressable, type StyleProp, @@ -91,9 +91,9 @@ export function GifEmbed({ const {_} = useLingui() const autoplayDisabled = useAutoplayDisabled() - const playerRef = React.useRef(null) + const playerRef = useRef(null) - const [playerState, setPlayerState] = React.useState<{ + const [playerState, setPlayerState] = useState<{ isPlaying: boolean isLoaded: boolean }>({ @@ -101,23 +101,18 @@ export function GifEmbed({ isLoaded: false, }) - const onPlayerStateChange = React.useCallback( - (e: GifViewStateChangeEvent) => { - setPlayerState(e.nativeEvent) - }, - [], - ) + const onPlayerStateChange = (e: GifViewStateChangeEvent) => { + setPlayerState(e.nativeEvent) + } - const onPress = React.useCallback(() => { - playerRef.current?.toggleAsync() - }, []) + const onPress = () => { + void playerRef.current?.toggleAsync() + } let aspectRatio = 1 if (params.dimensions) { const ratio = params.dimensions.width / params.dimensions.height - if (!isNaN(ratio) && isFinite(ratio)) { - aspectRatio = clamp(ratio, 0.75, 4) - } + aspectRatio = clamp(ratio, 0.75, 4) } return ( diff --git a/src/view/com/composer/ExternalEmbed.tsx b/src/view/com/composer/ExternalEmbed.tsx index cc7b3ee150..0db82a03f8 100644 --- a/src/view/com/composer/ExternalEmbed.tsx +++ b/src/view/com/composer/ExternalEmbed.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import {useMemo} from 'react' import {type StyleProp, View, type ViewStyle} from 'react-native' import {cleanError} from '#/lib/strings/errors' @@ -25,7 +25,7 @@ export const ExternalEmbedGif = ({ }) => { const t = useTheme() const {data, error} = useResolveGifQuery(gif) - const linkInfo = React.useMemo( + const linkInfo = useMemo( () => data && { title: data.title ?? data.uri, @@ -83,7 +83,7 @@ export const ExternalEmbedLink = ({ }) => { const t = useTheme() const {data, error} = useResolveLinkQuery(uri) - const linkComponent = React.useMemo(() => { + const linkComponent = useMemo(() => { if (data) { if (data.type === 'external') { return (