From 80a53085c578ffa4bb8a353e124d03b41ceef745 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 25 Jun 2022 21:50:47 +0300
Subject: [PATCH] Fix wrong max count showing on suggestion comment

---
 app/routes/plus/suggestions/comment.$tier.$userId.tsx | 2 +-
 app/routes/plus/suggestions/new.tsx                   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/routes/plus/suggestions/comment.$tier.$userId.tsx b/app/routes/plus/suggestions/comment.$tier.$userId.tsx
index 3b022506f..5fcdc19d5 100644
--- a/app/routes/plus/suggestions/comment.$tier.$userId.tsx
+++ b/app/routes/plus/suggestions/comment.$tier.$userId.tsx
@@ -98,7 +98,7 @@ export default function PlusCommentModalPage() {
           {userBeingCommented.suggestedUser.discordName}&apos;s +
           {tierSuggestedTo} suggestion
         </h2>
-        <CommentTextarea />
+        <CommentTextarea maxLength={PlUS_SUGGESTION_COMMENT_MAX_LENGTH} />
         <div className="plus__modal-buttons">
           <Button type="submit" data-cy="submit-button">
             Submit
diff --git a/app/routes/plus/suggestions/new.tsx b/app/routes/plus/suggestions/new.tsx
index b37acba93..9ee098127 100644
--- a/app/routes/plus/suggestions/new.tsx
+++ b/app/routes/plus/suggestions/new.tsx
@@ -150,7 +150,7 @@ export default function PlusNewSuggestionModalPage() {
             <ErrorMessage>{selectedUserErrorMessage}</ErrorMessage>
           ) : null}
         </div>
-        <CommentTextarea />
+        <CommentTextarea maxLength={PlUS_SUGGESTION_FIRST_COMMENT_MAX_LENGTH} />
         <div className="plus__modal-buttons">
           <Button
             type="submit"
@@ -199,7 +199,7 @@ function getSelectedUserErrorMessage({
 }
 
 // TODO: better UX - allow going over but prevent submit like Twitter
-export function CommentTextarea() {
+export function CommentTextarea({ maxLength }: { maxLength: number }) {
   const [value, setValue] = React.useState("");
   return (
     <div>
@@ -207,7 +207,7 @@ export function CommentTextarea() {
         htmlFor="text"
         valueLimits={{
           current: value.length,
-          max: PlUS_SUGGESTION_FIRST_COMMENT_MAX_LENGTH,
+          max: maxLength,
         }}
       >
         Your comment
@@ -219,7 +219,7 @@ export function CommentTextarea() {
         rows={4}
         value={value}
         onChange={(e) => setValue(e.target.value)}
-        maxLength={PlUS_SUGGESTION_FIRST_COMMENT_MAX_LENGTH}
+        maxLength={maxLength}
         data-cy="comment-textarea"
         required
       />