fix(InputField): changed styles for click-through rate

lad-tech · Jan 11, 2024 · 6339154 · 6339154
1 parent 5e964ec
commit 6339154
Show file tree

Hide file tree

Showing 5 changed files with 125 additions and 43 deletions.
diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap
@@ -62,9 +62,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = `
               "flexDirection": "row",
               "justifyContent": "space-between",
               "marginVertical": 12,
-              "paddingLeft": 27,
               "paddingRight": 24,
-              "paddingVertical": 18,
             },
             {
               "minHeight": 120,
@@ -97,10 +95,16 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = `
           style={
             [
               {
+                "borderRadius": 12,
                 "flex": 1,
                 "padding": 0,
+                "paddingLeft": 27,
+                "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
+              {
+                "minHeight": 120,
+              },
               {
                 "color": "#20242D",
                 "fontFamily": "Inter-Regular",
@@ -240,9 +244,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = `
               "flexDirection": "row",
               "justifyContent": "space-between",
               "marginVertical": 12,
-              "paddingLeft": 27,
               "paddingRight": 24,
-              "paddingVertical": 18,
             },
             {
               "minHeight": 120,
@@ -275,10 +277,16 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = `
           style={
             [
               {
+                "borderRadius": 12,
                 "flex": 1,
                 "padding": 0,
+                "paddingLeft": 27,
+                "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
+              {
+                "minHeight": 120,
+              },
               [
                 {
                   "color": "#20242D",
@@ -423,9 +431,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle
               "flexDirection": "row",
               "justifyContent": "space-between",
               "marginVertical": 12,
-              "paddingLeft": 27,
               "paddingRight": 24,
-              "paddingVertical": 18,
             },
             {
               "minHeight": 120,
@@ -458,10 +464,16 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle
           style={
             [
               {
+                "borderRadius": 12,
                 "flex": 1,
                 "padding": 0,
+                "paddingLeft": 27,
+                "paddingVertical": 18,
                 "textAlignVertical": "top",
               },
+              {
+                "minHeight": 120,
+              },
               {
                 "color": "#20242D",
                 "fontFamily": "Inter-Regular",

diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap
@@ -31,9 +31,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = `
           "flexDirection": "row",
           "justifyContent": "space-between",
           "marginVertical": 12,
-          "paddingLeft": 27,
           "paddingRight": 24,
-          "paddingVertical": 18,
         },
         {
           "minHeight": 120,
@@ -67,10 +65,16 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = `
       style={
         [
           {
+            "borderRadius": 12,
             "flex": 1,
             "padding": 0,
+            "paddingLeft": 27,
+            "paddingVertical": 18,
             "textAlignVertical": "top",
           },
+          {
+            "minHeight": 120,
+          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -124,9 +128,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1
           "flexDirection": "row",
           "justifyContent": "space-between",
           "marginVertical": 12,
-          "paddingLeft": 27,
           "paddingRight": 24,
-          "paddingVertical": 18,
         },
         {
           "minHeight": 120,
@@ -159,10 +161,16 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 1
       style={
         [
           {
+            "borderRadius": 12,
             "flex": 1,
             "padding": 0,
+            "paddingLeft": 27,
+            "paddingVertical": 18,
             "textAlignVertical": "top",
           },
+          {
+            "minHeight": 120,
+          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -215,9 +223,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2
           "flexDirection": "row",
           "justifyContent": "space-between",
           "marginVertical": 12,
-          "paddingLeft": 27,
           "paddingRight": 24,
-          "paddingVertical": 18,
         },
         {
           "minHeight": 120,
@@ -250,10 +256,16 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2
       style={
         [
           {
+            "borderRadius": 12,
             "flex": 1,
             "padding": 0,
+            "paddingLeft": 27,
+            "paddingVertical": 18,
             "textAlignVertical": "top",
           },
+          {
+            "minHeight": 120,
+          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",
@@ -306,9 +318,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`]
           "flexDirection": "row",
           "justifyContent": "space-between",
           "marginVertical": 12,
-          "paddingLeft": 27,
           "paddingRight": 24,
-          "paddingVertical": 18,
         },
         {
           "minHeight": 120,
@@ -344,10 +354,16 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`]
       style={
         [
           {
+            "borderRadius": 12,
             "flex": 1,
             "padding": 0,
+            "paddingLeft": 27,
+            "paddingVertical": 18,
             "textAlignVertical": "top",
           },
+          {
+            "minHeight": 120,
+          },
           {
             "color": "#20242D",
             "fontFamily": "Inter-Regular",

diff --git a/packages/core/src/inputs/components/InputField/InputField.tsx b/packages/core/src/inputs/components/InputField/InputField.tsx
@@ -98,7 +98,7 @@ const InputField = forwardRef<ITextInput, IInputFieldsProps>((props, ref) => {
         <TextInput
           ref={ref}
           testID={Constants.testID}
-          style={[styles.textInput, getStyle, style]}
+          style={[styles.textInput, getHeight(), getStyle, style]}
           placeholderTextColor={theme.colors.TextMuted}
           editable={!disabled}
           numberOfLines={1}