From 5c2e99e3e6fcbc6dc5bf4f123201086558eaa047 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 23 May 2024 13:08:12 -0700
Subject: [PATCH] =?UTF-8?q?[=F0=9F=90=B4]=20Fix=20Firefox=20send=20button?=
 =?UTF-8?q?=20positioning=20(#4201)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* use `align_center`

* revert

* account for firefox textarea size differences

set to `38`

remove some extra stuff

equal height on all platforms

* use atom
---
 src/screens/Messages/Conversation/MessageInput.web.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/screens/Messages/Conversation/MessageInput.web.tsx b/src/screens/Messages/Conversation/MessageInput.web.tsx
index 78292b06..ab3d227b 100644
--- a/src/screens/Messages/Conversation/MessageInput.web.tsx
+++ b/src/screens/Messages/Conversation/MessageInput.web.tsx
@@ -30,6 +30,7 @@ export function MessageInput({
   const isComposing = React.useRef(false)
   const [isFocused, setIsFocused] = React.useState(false)
   const [isHovered, setIsHovered] = React.useState(false)
+  const [textAreaHeight, setTextAreaHeight] = React.useState(38)
 
   const onSubmit = React.useCallback(() => {
     if (message.trim() === '') {
@@ -92,11 +93,12 @@ export function MessageInput({
           a.flex_row,
           t.atoms.bg_contrast_25,
           {
-            paddingHorizontal: a.p_sm.padding - 2,
+            paddingRight: a.p_sm.padding - 2,
             paddingLeft: a.p_md.padding - 2,
             borderWidth: 1,
             borderRadius: 23,
             borderColor: 'transparent',
+            height: textAreaHeight + 23,
           },
           isHovered && inputStyles.chromeHover,
           isFocused && inputStyles.chromeFocus,
@@ -112,7 +114,6 @@ export function MessageInput({
             t.atoms.text,
             {
               paddingTop: 10,
-              paddingBottom: 12,
               backgroundColor: 'transparent',
               resize: 'none',
             },
@@ -131,6 +132,7 @@ export function MessageInput({
           onCompositionEnd={() => {
             isComposing.current = false
           }}
+          onHeightChange={height => setTextAreaHeight(height)}
           onChange={onChange}
           onKeyDown={onKeyDown}
         />