From 0de1ed0656234dcb1278b2a849d6dae9c6838101 Mon Sep 17 00:00:00 2001
From: Gurikov Maxim <maximgurikoff@gmail.com>
Date: Sat, 23 Nov 2024 17:41:49 +0500
Subject: [PATCH] fix

---
 src/components/reviews/review-form.tsx | 19 +++++++++++++++++--
 src/consts/reviews.ts                  |  3 +++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 src/consts/reviews.ts

diff --git a/src/components/reviews/review-form.tsx b/src/components/reviews/review-form.tsx
index c9d0916..143535a 100644
--- a/src/components/reviews/review-form.tsx
+++ b/src/components/reviews/review-form.tsx
@@ -1,6 +1,10 @@
 import { useState } from 'react';
 import { store, useAppSelector } from '../../store/store.ts';
 import { postReview } from '../../store/actions.ts';
+import {
+  MAX_COMMENT_LENGTH,
+  MIN_COMMENT_LENGTH,
+} from '../../consts/reviews.ts';
 
 type UserReview = {
   comment?: string;
@@ -29,7 +33,10 @@ export function ReviewForm(): React.JSX.Element {
     );
   };
   const isValid =
-    review?.comment && review?.comment?.length >= 50 && review?.rating;
+    review?.comment &&
+    review?.comment?.length >= MIN_COMMENT_LENGTH &&
+    review?.comment?.length <= MAX_COMMENT_LENGTH &&
+    review?.rating;
   return (
     <form className="reviews__form form">
       <label className="reviews__label form__label" htmlFor="review">
@@ -138,7 +145,15 @@ export function ReviewForm(): React.JSX.Element {
         <p className="reviews__help">
           To submit review please make sure to set{' '}
           <span className="reviews__star">rating</span> and describe your stay
-          with at least <b className="reviews__text-amount">50 characters</b>.
+          with at least{' '}
+          <b className="reviews__text-amount">
+            {MIN_COMMENT_LENGTH} characters
+          </b>{' '}
+          and no more than{' '}
+          <b className="reviews__text-amount">
+            {MAX_COMMENT_LENGTH} characters
+          </b>
+          .
         </p>
         <button
           className="reviews__submit form__submit button"
diff --git a/src/consts/reviews.ts b/src/consts/reviews.ts
new file mode 100644
index 0000000..7d385e7
--- /dev/null
+++ b/src/consts/reviews.ts
@@ -0,0 +1,3 @@
+export const MIN_COMMENT_LENGTH = 50;
+
+export const MAX_COMMENT_LENGTH = 300;