diff --git a/App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx b/App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx index 20c05f7272..65d9e0bd39 100644 --- a/App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx +++ b/App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx @@ -73,32 +73,23 @@ const QuoteOfferScreen = ({ const fabTextStyle = useAnimatedStyle(() => { return { - maxWidth: withDelay( - 50, - withTiming( - derivedY.value < lastScrollPosition.value || derivedY.value <= 0 - ? 120 - : 0, - { duration: 100 }, - ), + maxWidth: withTiming( + derivedY.value < lastScrollPosition.value || derivedY.value <= 0 + ? 120 + : 0, + { duration: 100 }, ), - paddingRight: withDelay( - 50, - withTiming( - derivedY.value < lastScrollPosition.value || derivedY.value <= 0 - ? 16 - : 0, - { duration: 100 }, - ), + paddingRight: withTiming( + derivedY.value < lastScrollPosition.value || derivedY.value <= 0 + ? 16 + : 0, + { duration: 100 }, ), - opacity: withDelay( - 50, - withTiming( - derivedY.value < lastScrollPosition.value || derivedY.value <= 0 - ? 1 - : 0, - { duration: 100 }, - ), + opacity: withTiming( + derivedY.value < lastScrollPosition.value || derivedY.value <= 0 + ? 1 + : 0, + { duration: 100 }, ), }; }); @@ -113,14 +104,12 @@ const QuoteOfferScreen = ({ const headerBgStyle = useAnimatedStyle(() => { if (!animateHeader) return { backgroundColor: Colors.white }; return { - backgroundColor: withTiming( + backgroundColor: derivedY.value > HEADER_LOTTIE_WIDGET_HEIGHT ? Colors.grey : derivedY.value > HEADER_LOTTIE_TITLE_HEIGHT ? Colors.aliceBlue : Colors.transparent, - { duration: 50 }, - ), }; });