From e50187dea1351b234f87356c83096addb09bcb01 Mon Sep 17 00:00:00 2001
From: BunyodL <blutfulloyev@bk.ru>
Date: Wed, 7 May 2025 23:32:37 +0500
Subject: [PATCH] fix: fix rating selecting

---
 src/features/review-form/ui/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/review-form/ui/index.tsx b/src/features/review-form/ui/index.tsx
index 9b412c3..1a68653 100644
--- a/src/features/review-form/ui/index.tsx
+++ b/src/features/review-form/ui/index.tsx
@@ -82,7 +82,7 @@ export function ReviewForm() {
     onChange: (value: number) => void;
   }) => {
     return (
-      <div className='flex space-x-1'>
+      <>
         {[1, 2, 3, 4, 5].map((star) => (
           <button
             key={star}
@@ -90,7 +90,7 @@ export function ReviewForm() {
             onClick={() => onChange(star)}
             onMouseEnter={() => setHoveredStar(star)}
             onMouseLeave={() => setHoveredStar(0)}
-            className='transition-transform hover:scale-110 focus:outline-none'
+            className='cursor-pointer transition-transform hover:scale-110 focus:outline-none'
             aria-label={`Rate ${star} stars out of 5`}
           >
             <Star
@@ -102,7 +102,7 @@ export function ReviewForm() {
             />
           </button>
         ))}
-      </div>
+      </>
     );
   };
 
@@ -157,7 +157,7 @@ export function ReviewForm() {
                   name='rating'
                   render={({ field }) => (
                     <FormItem className='space-y-3'>
-                      <FormLabel>Ваша оценка</FormLabel>
+                      <FormLabel className='block'>Ваша оценка</FormLabel>
                       <FormControl>
                         <StarRating
                           value={field.value}