From 805904360e73da1c303da4b7072f3f636cd08908 Mon Sep 17 00:00:00 2001
From: infiinte-persistence <inf.persistence@gmail.com>
Date: Fri, 12 Jun 2020 17:18:04 +0200
Subject: [PATCH] Set "Description" field limit to 5000 characters.

This applies to both Channel and Claim description.
---
 ui/component/channelEdit/view.jsx                  | 2 ++
 ui/component/comment/view.jsx                      | 2 ++
 ui/component/commentCreate/view.jsx                | 2 ++
 ui/component/common/form-components/form-field.jsx | 4 ++--
 ui/component/publishText/view.jsx                  | 2 ++
 ui/constants/form-field.js                         | 4 +++-
 6 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/component/channelEdit/view.jsx b/ui/component/channelEdit/view.jsx
index 312aa8a64..1311a1a3a 100644
--- a/ui/component/channelEdit/view.jsx
+++ b/ui/component/channelEdit/view.jsx
@@ -6,6 +6,7 @@ import SelectAsset from 'component/selectAsset';
 import * as PAGES from 'constants/pages';
 import { MINIMUM_PUBLISH_BID } from 'constants/claim';
 import TagsSearch from 'component/tagsSearch';
+import { FF_MAX_CHARS_IN_DESCRIPTION } from 'constants/form-field';
 
 type Props = {
   claim: ChannelClaim,
@@ -173,6 +174,7 @@ function ChannelForm(props: Props) {
         value={params.description}
         disabled={false}
         onChange={text => setParams({ ...params, description: text })}
+        textAreaMaxLength={FF_MAX_CHARS_IN_DESCRIPTION}
       />
 
       <TagsSearch
diff --git a/ui/component/comment/view.jsx b/ui/component/comment/view.jsx
index 268a3dbf1..8b9d25993 100644
--- a/ui/component/comment/view.jsx
+++ b/ui/component/comment/view.jsx
@@ -13,6 +13,7 @@ import { FormField, Form } from 'component/common/form';
 import CommentCreate from 'component/commentCreate';
 import classnames from 'classnames';
 import usePersistedState from 'effects/use-persisted-state';
+import { FF_MAX_CHARS_IN_COMMENT } from 'constants/form-field';
 
 type Props = {
   uri: string,
@@ -196,6 +197,7 @@ function Comment(props: Props) {
                 onChange={handleEditMessageChanged}
                 quickActionLabel={advancedEditor ? __('Simple Editor') : __('Advanced Editor')}
                 quickActionHandler={toggleEditorMode}
+                textAreaMaxLength={FF_MAX_CHARS_IN_COMMENT}
               />
               <div className="section__actions">
                 <Button
diff --git a/ui/component/commentCreate/view.jsx b/ui/component/commentCreate/view.jsx
index 939bbf39d..b48806206 100644
--- a/ui/component/commentCreate/view.jsx
+++ b/ui/component/commentCreate/view.jsx
@@ -8,6 +8,7 @@ import ChannelSelection from 'component/selectChannel';
 import usePersistedState from 'effects/use-persisted-state';
 import * as MODALS from 'constants/modal_types';
 import I18nMessage from 'component/i18nMessage';
+import { FF_MAX_CHARS_IN_COMMENT } from 'constants/form-field';
 
 type Props = {
   commentingEnabled: boolean,
@@ -120,6 +121,7 @@ export function CommentCreate(props: Props) {
         charCount={charCount}
         onChange={handleCommentChange}
         autoFocus={isReply}
+        textAreaMaxLength={FF_MAX_CHARS_IN_COMMENT}
       />
       <div className="section__actions">
         <Button
diff --git a/ui/component/common/form-components/form-field.jsx b/ui/component/common/form-components/form-field.jsx
index 3cce78b01..24b3d5b18 100644
--- a/ui/component/common/form-components/form-field.jsx
+++ b/ui/component/common/form-components/form-field.jsx
@@ -5,7 +5,7 @@ import ReactDOMServer from 'react-dom/server';
 import SimpleMDE from 'react-simplemde-editor';
 import MarkdownPreview from 'component/common/markdown-preview';
 import { openEditorMenu, stopContextMenu } from 'util/context-menu';
-import { MAX_CHARACTERS_IN_COMMENT as defaultTextAreaLimit } from 'constants/form-field';
+import { FF_MAX_CHARS_DEFAULT } from 'constants/form-field';
 import 'easymde/dist/easymde.min.css';
 import Button from 'component/button';
 
@@ -80,7 +80,7 @@ export class FormField extends React.PureComponent<Props> {
       labelOnLeft,
       blockWrap,
       charCount,
-      textAreaMaxLength = defaultTextAreaLimit,
+      textAreaMaxLength = FF_MAX_CHARS_DEFAULT,
       quickActionLabel,
       quickActionHandler,
       ...inputProps
diff --git a/ui/component/publishText/view.jsx b/ui/component/publishText/view.jsx
index 1cfc4b92a..c44df1c1f 100644
--- a/ui/component/publishText/view.jsx
+++ b/ui/component/publishText/view.jsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { FormField } from 'component/common/form';
 import usePersistedState from 'effects/use-persisted-state';
 import Card from 'component/common/card';
+import { FF_MAX_CHARS_IN_DESCRIPTION } from 'constants/form-field';
 
 type Props = {
   title: ?string,
@@ -42,6 +43,7 @@ function PublishText(props: Props) {
             onChange={value => updatePublishForm({ description: advancedEditor ? value : value.target.value })}
             quickActionLabel={advancedEditor ? __('Simple Editor') : __('Advanced Editor')}
             quickActionHandler={toggleMarkdown}
+            textAreaMaxLength={FF_MAX_CHARS_IN_DESCRIPTION}
           />
         </React.Fragment>
       }
diff --git a/ui/constants/form-field.js b/ui/constants/form-field.js
index ce095c0e2..2b44de86b 100644
--- a/ui/constants/form-field.js
+++ b/ui/constants/form-field.js
@@ -1 +1,3 @@
-export const MAX_CHARACTERS_IN_COMMENT = 2000;
+export const FF_MAX_CHARS_DEFAULT = 2000;
+export const FF_MAX_CHARS_IN_COMMENT = 2000;
+export const FF_MAX_CHARS_IN_DESCRIPTION = 5000;