Article Form UI character count improvement (#2149)

* wrap input fields in existing class * formatting for number * keypress triggers count, only error used fields * small tweak to form layouts [CV2-5052] --------- Co-authored-by: Brian Fleming <[email protected]>
meedan · Oct 9, 2024 · 07abcf4 · 07abcf4
1 parent 18b67cd
commit 07abcf4
Show file tree

Hide file tree

Showing 3 changed files with 226 additions and 175 deletions.
diff --git a/localization/react-intl/src/app/components/article/ArticleForm.json b/localization/react-intl/src/app/components/article/ArticleForm.json
@@ -19,6 +19,11 @@
     "description": "Title for the slideout edit fact-check form",
     "defaultMessage": "Edit Claim & Fact-Check Article"
   },
+  {
+    "id": "articleForm.characterLimitReached",
+    "description": "Error message for when the character limit is reached",
+    "defaultMessage": "Character Limit Reached"
+  },
   {
     "id": "articleForm.saveArticleButton",
     "description": "Button that saves the form data as a new article",
@@ -184,6 +189,11 @@
     "description": "Label for article URL field",
     "defaultMessage": "Article URL"
   },
+  {
+    "id": "articleForm.characterCount",
+    "description": "Label for the character count remaining in the combined text fields",
+    "defaultMessage": "{count, plural, one {# character left} other {# characters left}}"
+  },
   {
     "id": "articleForm.selectLanguageLabel",
     "description": "Label for input to select language",