From 1b1bf4cdbe73176835095a69c1ca39babe799e0d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 22 Apr 2020 16:38:16 -0500
Subject: [PATCH] Pass maxLength directly to TextInput component

---
 app/gabsocial/features/edit_profile/index.js | 1 +
 app/gabsocial/features/forms/index.js        | 5 +----
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/gabsocial/features/edit_profile/index.js b/app/gabsocial/features/edit_profile/index.js
index 0725f9b31..806d4cd42 100644
--- a/app/gabsocial/features/edit_profile/index.js
+++ b/app/gabsocial/features/edit_profile/index.js
@@ -92,6 +92,7 @@ class EditProfile extends ImmutablePureComponent {
                 name='display_name'
                 value={this.state.display_name}
                 maxLength={30}
+                size={30}
                 onChange={this.handleTextChange}
               />
               <TextInput
diff --git a/app/gabsocial/features/forms/index.js b/app/gabsocial/features/forms/index.js
index 68c84696d..90f3b9b5f 100644
--- a/app/gabsocial/features/forms/index.js
+++ b/app/gabsocial/features/forms/index.js
@@ -191,11 +191,10 @@ export class TextInput extends ImmutablePureComponent {
 
   static propTypes = {
     label: PropTypes.string,
-    maxLength: PropTypes.number,
   }
 
   render() {
-    const { label, maxLength, ...props } = this.props;
+    const { label, ...props } = this.props;
     const id = uuidv4();
 
     return (
@@ -204,9 +203,7 @@ export class TextInput extends ImmutablePureComponent {
           <label className='string optional' htmlFor={id}>{label}</label>
           <div className='label_input__wrapper'>
             <input
-              maxlength={maxLength}
               className='string optional'
-              size={maxLength}
               type='text'
               id={id}
               {...props}