diff options
| author | Hailey <me@haileyok.com> | 2024-05-03 15:08:59 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-03 15:08:59 -0700 |
| commit | feff55a14a050665e6cc8bb7511425986ef4768a (patch) | |
| tree | 894e06c164d84e586dfce2c766a06226124da098 /src/screens/Messages/Conversation/MessageInput.tsx | |
| parent | 876816675e84d4175072950f36af5e19d412ce9b (diff) | |
| download | voidsky-feff55a14a050665e6cc8bb7511425986ef4768a.tar.zst | |
Clipclop tweaks (#3851)
* scroll on input resize * add back the padding 🙊 * fix timestamps
Diffstat (limited to 'src/screens/Messages/Conversation/MessageInput.tsx')
| -rw-r--r-- | src/screens/Messages/Conversation/MessageInput.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/screens/Messages/Conversation/MessageInput.tsx b/src/screens/Messages/Conversation/MessageInput.tsx index e94a295eb..d93607530 100644 --- a/src/screens/Messages/Conversation/MessageInput.tsx +++ b/src/screens/Messages/Conversation/MessageInput.tsx @@ -18,10 +18,10 @@ import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/ico export function MessageInput({ onSendMessage, - onFocus, + scrollToEnd, }: { onSendMessage: (message: string) => void - onFocus?: () => void + scrollToEnd: () => void }) { const {_} = useLingui() const t = useTheme() @@ -54,8 +54,10 @@ export function MessageInput({ setMaxHeight(max) setIsInputScrollable(availableSpace < 30) + + scrollToEnd() }, - [topInset], + [scrollToEnd, topInset], ) return ( @@ -82,7 +84,7 @@ export function MessageInput({ keyboardAppearance={t.name === 'light' ? 'light' : 'dark'} scrollEnabled={isInputScrollable} blurOnSubmit={false} - onFocus={onFocus} + onFocus={scrollToEnd} onContentSizeChange={onInputLayout} ref={inputRef} /> |