acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Add fade-in animation to chat footer/composer (#10786)

Browse Source
This commit is contained in:
DS Boyce
2026-06-08 12:13:43 -07:00
committed by GitHub
parent 9b5fc19613
commit 4142eb4834
1 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Messages/components/MessagesList.tsx
+36 -33
View File
@@ -13,6 +13,7 @@ import {
KeyboardGestureArea, KeyboardGestureArea,
} from 'react-native-keyboard-controller' } from 'react-native-keyboard-controller'
import Animated, { import Animated, {
FadeIn,
runOnJS, runOnJS,
type ScrollEvent, type ScrollEvent,
type SharedValue, type SharedValue,
@@ -615,41 +616,43 @@ export function MessagesList({
opened: 0, opened: 0,
}}> }}>
{footer ?? ( {footer ?? (
<ConversationFooter <Animated.View entering={FadeIn.duration(200)}>
convoState={convoState} <ConversationFooter
hasAcceptOverride={hasAcceptOverride}> convoState={convoState}
{({loading}) => hasAcceptOverride={hasAcceptOverride}>
ax.features.enabled( {({loading}) =>
ax.features.DmsNewMessageComposerEnable, ax.features.enabled(
) ? ( ax.features.DmsNewMessageComposerEnable,
<MessageComposer ) ? (
textInputId={textInputId} <MessageComposer
onSendMessage={(message: string) => textInputId={textInputId}
void onSendMessage(message) onSendMessage={(message: string) =>
} void onSendMessage(message)
hasEmbed={!!messageEmbed} }
setEmbed={setEmbed} hasEmbed={!!messageEmbed}
loading={loading}>
<MessageInputEmbed
embed={messageEmbed}
setEmbed={setEmbed} setEmbed={setEmbed}
/> loading={loading}>
</MessageComposer> <MessageInputEmbed
) : ( embed={messageEmbed}
<MessageInput setEmbed={setEmbed}
textInputId={textInputId} />
onSendMessage={onSendMessage} </MessageComposer>
hasEmbed={!!messageEmbed} ) : (
setEmbed={setEmbed} <MessageInput
loading={loading}> textInputId={textInputId}
<MessageInputEmbed onSendMessage={onSendMessage}
embed={messageEmbed} hasEmbed={!!messageEmbed}
setEmbed={setEmbed} setEmbed={setEmbed}
/> loading={loading}>
</MessageInput> <MessageInputEmbed
) embed={messageEmbed}
} setEmbed={setEmbed}
</ConversationFooter> />
</MessageInput>
)
}
</ConversationFooter>
</Animated.View>
)} )}
</KeyboardStickyView> </KeyboardStickyView>
</KeyboardGestureArea> </KeyboardGestureArea>