From 57464a8fe0ccdbc9cde0dedf7f274d969491cb88 Mon Sep 17 00:00:00 2001 From: Khuddite <62555977+khuddite@users.noreply.github.com> Date: Mon, 11 Nov 2024 05:40:47 -0500 Subject: Increase copied animation lingering time for reduced motion (#6220) * increase copied animation lingering time for reduced motion * flip the condition --------- Co-authored-by: dan --- src/screens/Settings/components/CopyButton.tsx | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'src/screens/Settings/components/CopyButton.tsx') diff --git a/src/screens/Settings/components/CopyButton.tsx b/src/screens/Settings/components/CopyButton.tsx index eb538f5de..8c6cdfa8a 100644 --- a/src/screens/Settings/components/CopyButton.tsx +++ b/src/screens/Settings/components/CopyButton.tsx @@ -1,6 +1,10 @@ import React, {useCallback, useEffect, useState} from 'react' import {GestureResponderEvent, View} from 'react-native' -import Animated, {FadeOutUp, ZoomIn} from 'react-native-reanimated' +import Animated, { + FadeOutUp, + useReducedMotion, + ZoomIn, +} from 'react-native-reanimated' import * as Clipboard from 'expo-clipboard' import {Trans} from '@lingui/macro' @@ -16,13 +20,17 @@ export function CopyButton({ }: ButtonProps & {value: string}) { const [hasBeenCopied, setHasBeenCopied] = useState(false) const t = useTheme() + const isReducedMotionEnabled = useReducedMotion() useEffect(() => { if (hasBeenCopied) { - const timeout = setTimeout(() => setHasBeenCopied(false), 100) + const timeout = setTimeout( + () => setHasBeenCopied(false), + isReducedMotionEnabled ? 2000 : 100, + ) return () => clearTimeout(timeout) } - }, [hasBeenCopied]) + }, [hasBeenCopied, isReducedMotionEnabled]) const onPress = useCallback( (evt: GestureResponderEvent) => { -- cgit 1.4.1