Perbaikan Menu Transaksi

src/component/PartnerComponent.js

@@ -422,7 +422,7 @@ export const PartnerComponent = observer((props) => {
                 },
                 {
                   pattern: /^[\d]{2,12}$/,
-                  message: "Phone number should be 12 character",
+                  message: "Phone number should be less than 12 character",
                 },
               ]}
             >

src/pages/Membership/MembershipModal.js

@@ -103,7 +103,7 @@ export const MembershipModal = ({
               {
                 //pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})/,
                 pattern: /^[\d]{2,12}$/,
-                message: "Phone number should be 12 character",
+                message: "Phone number should be less than 12 character",
               },
             ]}
           >

src/pages/Transaction/Product.js

@@ -1,11 +1,11 @@
-import React, {useContext, useEffect, useState} from "react";
-import {useStore} from "../../utils/useStore";
-import {Card, Col, Form, Input, message, Modal, Row, Select} from "antd";
-import {observer} from "mobx-react-lite";
-import {ModalLoaderContext} from "../../utils/modal";
+import React, { useContext, useEffect, useState } from "react";
+import { useStore } from "../../utils/useStore";
+import { Card, Col, Form, Input, message, Modal, Row, Select } from "antd";
+import { observer } from "mobx-react-lite";
+import { ModalLoaderContext } from "../../utils/modal";
 
-const {Search} = Input;
-const {Option} = Select;
+const { Search } = Input;
+const { Option } = Select;
 
 export const Product = observer(() => {
   const store = useStore();
@@ -74,7 +74,7 @@ export const Product = observer(() => {
   return (
     <div>
       <Row>
-        <span style={{fontWeight: "bold", marginBottom: "10px"}}>
+        <span style={{ fontWeight: "bold", marginBottom: "10px" }}>
           Sub Category
         </span>
       </Row>
@@ -84,7 +84,7 @@ export const Product = observer(() => {
             placeholder={"Select Sub Category"}
             allowClear={true}
             onChange={(val) => handleChangeSubcategory(val)}
-                style={{marginBottom: "10px", width: "100%"}}
+            style={{ marginBottom: "10px", width: "100%" }}
             value={store.transaction.filterSubCategory}
           >
             {store.transaction.dataSubCategories.map((item, index) => (
@@ -95,10 +95,10 @@ export const Product = observer(() => {
           </Select>
         </Col>
       </Row>
-        <Row justify={"center"} align={"center"} style={{marginBottom: "1rem"}}>
+      <Row justify={"center"} align={"center"} style={{ marginBottom: "1rem" }}>
         <Col
           span={12}
-              style={{fontWeight: "bold", display: "flex", alignItems: "center"}}
+          style={{ fontWeight: "bold", display: "flex", alignItems: "center" }}
         >
           Produk & Nominal
         </Col>
@@ -115,7 +115,7 @@ export const Product = observer(() => {
             <Col key={index} xs={24} md={16} lg={8}>
               <Card
                 onClick={() => {
-                  setVisibleModalBuy(true)
+                  setVisibleModalBuy(true);
                 }}
                 hoverable
                 style={{
@@ -123,12 +123,12 @@ export const Product = observer(() => {
                   marginLeft: 10,
                   borderColor: "salmon",
                   height: 100,
-                  marginBottom: 10
+                  marginBottom: 10,
                 }}
               >
-                <span style={{color: "black"}}>{item.product_name}</span>
-                <br/>
-                <span style={{color: "grey", fontSize: 10}}>
+                <span style={{ color: "black" }}>{item.product_name}</span>
+                <br />
+                <span style={{ color: "grey", fontSize: 10 }}>
                   {new Intl.NumberFormat("id-ID", {
                     style: "currency",
                     currency: "IDR",
@@ -162,9 +162,22 @@ export const Product = observer(() => {
                   <Form.Item
                     name="destination"
                     label="Destination"
-                      rules={[{required: true, message: "Please input Destination Number!"}]}
+                    rules={[
+                      {
+                        required: true,
+                        message: "Please input Destination Number!",
+                      },
+                      {
+                        pattern: /^(?:\d*)$/,
+                        message: "Value should contain just number",
+                      },
+                      {
+                        pattern: /^[\d]{2,12}$/,
+                        message: "Value should be less than 12 character",
+                      },
+                    ]}
                   >
-                    <Input/>
+                    <Input />
                   </Form.Item>
                 </Form>
               </Modal>