issue 91 fix (#169)

* issue 91 fix

* feedback fix

Author: Gauravseta

src/components/TextInput/index.jsx

@@ -18,6 +18,7 @@ function TextInput({
   type,
   onEnterKey,
   readonly,
+  maxLength,
 }) {
   const [val, setVal] = useState(value);
   const delayedOnChange = useRef(
@@ -41,6 +42,7 @@ function TextInput({
         readOnly={readonly}
         defaultValue={value}
         type={type}
+        maxLength={maxLength}
         placeholder={`${placeholder}${placeholder && required ? " *" : ""}`}
         styleName={`${value || val ? "haveValue" : ""} ${
           errorMsg ? "haveError" : ""
@@ -85,6 +87,7 @@ TextInput.defaultProps = {
   type: "text",
   onEnterKey: () => {},
   readonly: false,
+  maxLength: undefined,
 };
 
 TextInput.propTypes = {

src/containers/Challenges/Listing/index.jsx

@@ -66,6 +66,7 @@ const Listing = ({
                   updateFilter(filterChange);
                 });
               }}
+              maxLength="100"
             />
           </div>
           <div styleName="separator" />