diff --git a/src/lib/custom-animations/GestureActionView.tsx b/src/lib/custom-animations/GestureActionView.tsx index 889b6b4393..e232c5465c 100644 --- a/src/lib/custom-animations/GestureActionView.tsx +++ b/src/lib/custom-animations/GestureActionView.tsx @@ -379,12 +379,17 @@ function createInterpolation({ let res if (secondThreshold) { res = { - inputRange: [0, firstThreshold + offset, secondThreshold + offset], - outputRange: ['transparent', firstColor!, secondColor!], + inputRange: [ + 0, + firstThreshold, + firstThreshold + offset - 20, + secondThreshold, + ], + outputRange: ['transparent', firstColor!, firstColor!, secondColor!], } } else { res = { - inputRange: [0, firstThreshold + offset], + inputRange: [0, firstThreshold], outputRange: ['transparent', firstColor!], } } diff --git a/src/screens/Messages/components/ChatListItem.tsx b/src/screens/Messages/components/ChatListItem.tsx index 90e92e3010..1bc8563133 100644 --- a/src/screens/Messages/components/ChatListItem.tsx +++ b/src/screens/Messages/components/ChatListItem.tsx @@ -32,6 +32,7 @@ import {useDialogControl} from '#/components/Dialog' import {ConvoMenu} from '#/components/dms/ConvoMenu' import {LeaveConvoPrompt} from '#/components/dms/LeaveConvoPrompt' import {Bell2Off_Filled_Corner0_Rounded as BellStroke} from '#/components/icons/Bell2' +import {Envelope_Filled_Stroke2_Corner0_Rounded} from '#/components/icons/Envelope' import {Trash_Stroke2_Corner0_Rounded} from '#/components/icons/Trash' import {Link} from '#/components/Link' import {useMenuControl} from '#/components/Menu' @@ -205,7 +206,13 @@ function ChatListItemReady({ {}, + }, + leftSecond: { + threshold: 225, color: t.palette.negative_500, icon: Trash_Stroke2_Corner0_Rounded, action: () => {