From 9ec9ea586f162959ce764d49f100d3bdad5b92bf Mon Sep 17 00:00:00 2001
From: Samandar Turgunboyev <turgunboyevsamandar4@gmail.com>
Date: Wed, 11 Mar 2026 19:31:28 +0500
Subject: [PATCH] coomet length max 300

---
 src/features/cart/lib/form.ts            | 2 +-
 src/features/cart/ui/OrderPage.tsx       | 4 ++++
 src/features/profile/ui/RefreshOrder.tsx | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/features/cart/lib/form.ts b/src/features/cart/lib/form.ts
index efccb3a..d8332d4 100644
--- a/src/features/cart/lib/form.ts
+++ b/src/features/cart/lib/form.ts
@@ -3,6 +3,6 @@ import { z } from 'zod';
 export const orderForm = z.object({
   long: z.string().min(1, { message: 'Majburiy maydon' }),
   lat: z.string().min(1, { message: 'Majburiy maydon' }),
-  comment: z.string().min(1, { message: 'Majburiy maydon' }),
+  comment: z.string().max(300, 'Izoh 300 ta belgidan oshmasligi kerak'),
   city: z.string().optional(),
 });
diff --git a/src/features/cart/ui/OrderPage.tsx b/src/features/cart/ui/OrderPage.tsx
index a0bd648..a503346 100644
--- a/src/features/cart/ui/OrderPage.tsx
+++ b/src/features/cart/ui/OrderPage.tsx
@@ -376,10 +376,14 @@ const OrderPage = () => {
                         <FormControl>
                           <Textarea
                             {...field}
+                            maxLength={300}
                             className="w-full min-h-42 max-h-64 border border-gray-300 rounded-lg px-4 py-3 focus:outline-none focus:border-blue-500"
                             placeholder={t('Izoh')}
                           />
                         </FormControl>
+                        <div className="text-right text-xs text-gray-500">
+                          {field.value?.length || 0}/300
+                        </div>
                         <FormMessage />
                       </FormItem>
                     )}
diff --git a/src/features/profile/ui/RefreshOrder.tsx b/src/features/profile/ui/RefreshOrder.tsx
index 0f87112..5a3c13b 100644
--- a/src/features/profile/ui/RefreshOrder.tsx
+++ b/src/features/profile/ui/RefreshOrder.tsx
@@ -442,10 +442,14 @@ const RefreshOrder = () => {
                         <FormControl>
                           <Textarea
                             {...field}
+                            maxLength={300}
                             className="w-full min-h-42 max-h-64 border border-gray-300 rounded-lg px-4 py-3 focus:outline-none focus:border-blue-500"
                             placeholder={t('Izoh')}
                           />
                         </FormControl>
+                        <div className="text-right text-xs text-gray-500">
+                          {field.value?.length || 0}/300
+                        </div>
                         <FormMessage />
                       </FormItem>
                     )}