translate messages

src/assets/locals/ar.json

@@ -222,7 +222,10 @@
     "updatedSuccessfully": "تم التحديث بنجاح",
     "editNote": "تعديل الملاحظة",
     "selectTimeEstimate": "أدخل وقت التقديم",
-    "pleaseAddItemsToCart": "يرجى إضافة عناصر إلى السلة"
+    "pleaseAddItemsToCart": "يرجى إضافة عناصر إلى السلة",
+    "pleaseSelectEstimateTime": "يرجى اختيار وقت التقديم",
+    "pleaseSelectTable": "يرجى اختيار رقم الطاولة",
+    "pleaseSelectCollectionMethod": "يرجى اختيار طريقة الاستلام"
   },
   "checkout": {
     "title": "الدفع",
@@ -240,7 +243,9 @@
     "items": "العناصر",
     "expiresIn": "تنتهي في",
     "expiresInDescription": "تنتهي في:12/26",
-    "phoneNumber": "رقم الهاتف"
+    "phoneNumber": "رقم الهاتف",
+    "pleaseSelectPaymentMethod": "يرجى اختيار طريقة الدفع",
+    "pleaseEnterPhoneNumber": "يرجى إدخال رقم الهاتف"
   },
   "address": {
     "title": "العنوان",

src/assets/locals/en.json

@@ -232,7 +232,10 @@
     "plateNumberPlaceholder": "Enter plate number",
     "editNote": "Edit Note",
     "selectTimeEstimate": "Select Estimate Time",
-      "pleaseAddItemsToCart": "Please add items to your cart"
+    "pleaseAddItemsToCart": "Please add items to your cart",
+    "pleaseSelectEstimateTime": "Please select estimate time",
+    "pleaseSelectTable": "Please select table",
+    "pleaseSelectCollectionMethod": "Please select collection method"
   },
   "checkout": {
     "title": "Checkout",
@@ -250,7 +253,9 @@
     "items": "Items",
     "expiresIn": "Expires in",
     "expiresInDescription": "Expires in:12/26",
-    "phoneNumber": "Phone Number"
+    "phoneNumber": "Phone Number",
+    "pleaseSelectPaymentMethod": "Please select payment method",
+    "pleaseEnterPhoneNumber": "Please enter phone number"
   },
   "address": {
     "title": "Address",

src/components/PaymentMethods/PaymentMethods.tsx

@@ -50,7 +50,13 @@ const PaymentMethods = ({ onPaymentSelect, ...props }: PaymentMethodsProps) => {
 
   return (
     <ProInputCard title={t("checkout.selectedPaymentMethod")}>
-      <Form.Item name="paymentMethod" required rules={[{ required: true }]}>
+      <Form.Item
+        name="paymentMethod"
+        required
+        rules={[
+          { required: true, message: t("checkout.pleaseSelectPaymentMethod") },
+        ]}
+      >
         <Group
           className={styles.paymentMethods}
           style={{

src/pages/cart/components/CartMobileTabletLayout.tsx

@@ -240,7 +240,7 @@ export default function CartMobileTabletLayout({
               <Form.Item
                 name="collectionMethod"
                 required
-                rules={[{ required: true }]}
+                rules={[{ required: true, message: t("cart.pleaseSelectCollectionMethod") }]}
               >
                 <ProRatioGroups
                   options={[

src/pages/cart/components/TableNumberCard.tsx

@@ -37,7 +37,7 @@ export default function TableNumberCard() {
         <Form.Item
           name="tables"
           required
-          rules={[{ required: true }]}
+          rules={[{ required: true, message: t("cart.pleaseSelectTable") }]}
           initialValue={tables}
         >
           <Select

src/pages/cart/components/timeEstimate/TimeEstimateCard.tsx

@@ -28,7 +28,7 @@ export default function TimeEstimateCard() {
   return (
     <>
       <ProInputCard title={t("cart.estimateTime")}>
-        <Form.Item name="estimateWay" required rules={[{ required: true }]}>
+        <Form.Item name="estimateWay" required rules={[{ required: true, message: t("cart.pleaseSelectEstimateTime") }]}>
           <ProRatioGroups
             options={[
               { label: t("cart.now"), value: "now", price: "" },

src/pages/checkout/components/phoneCard.tsx

@@ -11,7 +11,7 @@ export default function PhoneCard() {
   return (
     <>
       <ProInputCard title={t("checkout.phoneNumber")}>
-        <Form.Item name="phone" required rules={[{ required: true }]}>
+        <Form.Item name="phone" required rules={[{ required: true, message: t("checkout.pleaseEnterPhoneNumber") }]}>
           <Input
             placeholder={t("checkout.phoneNumber")}
             size="large"