Page MenuHomePhabricator

D14126.id.diff
No OneTemporary

D14126.id.diff

diff --git a/native/chat/robotext-message-tooltip-button.react.js b/native/chat/robotext-message-tooltip-button.react.js
--- a/native/chat/robotext-message-tooltip-button.react.js
+++ b/native/chat/robotext-message-tooltip-button.react.js
@@ -1,7 +1,11 @@
// @flow
import * as React from 'react';
-import Animated, { type SharedValue } from 'react-native-reanimated';
+import Animated, {
+ type SharedValue,
+ interpolate,
+ useAnimatedStyle,
+} from 'react-native-reanimated';
import { chatMessageItemEngagementTargetMessageInfo } from 'lib/shared/chat-message-item-utils.js';
import {
@@ -22,7 +26,7 @@
import { useTooltipActions } from '../tooltip/tooltip-hooks.js';
import type { TooltipRoute } from '../tooltip/tooltip.react.js';
-const { Node, interpolateNode, Extrapolate } = Animated;
+const { Node, Extrapolate } = Animated;
type Props = {
+navigation: AppNavigationProp<'RobotextMessageTooltipModal'>,
@@ -32,7 +36,7 @@
...
};
function RobotextMessageTooltipButton(props: Props): React.Node {
- const { navigation, route, progress, progressV2 } = props;
+ const { navigation, route, progressV2 } = props;
const windowWidth = useSelector(state => state.dimensions.width);
@@ -52,13 +56,14 @@
targetInputBarHeight: sidebarInputBarHeight,
});
- const headerStyle = React.useMemo(() => {
+ const headerStyle = useAnimatedStyle(() => {
const bottom = initialCoordinates.height;
- const opacity = interpolateNode(progress, {
- inputRange: [0, 0.05],
- outputRange: [0, 1],
- extrapolate: Extrapolate.CLAMP,
- });
+ const opacity = interpolate(
+ progressV2.value,
+ [0, 0.05],
+ [0, 1],
+ Extrapolate.CLAMP,
+ );
return {
opacity,
position: 'absolute',
@@ -66,7 +71,7 @@
width: windowWidth,
bottom,
};
- }, [initialCoordinates.height, initialCoordinates.x, progress, windowWidth]);
+ }, [initialCoordinates.height, initialCoordinates.x, windowWidth]);
const { threadInfo, reactions } = item;
const engagementTargetMessageInfo =

File Metadata

Mime Type
text/plain
Expires
Sat, Dec 21, 4:10 AM (6 h, 48 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2685843
Default Alt Text
D14126.id.diff (2 KB)

Event Timeline