modify: change payment pid from increment num to string

src/configs/columnDefs/defPayments.tsx

@@ -4,12 +4,12 @@ import { Torder } from "@/configs/schema/orderSchema";
 import { dateFormat } from "@/lib/time";
 
 const orderPaymentsColumns: ColumnDef<Torder>[] = [
-    {
+    /* {
         header: i18n.t("label.id"),
         cell: ({ row }) => {
             return <span>{row.index + 1}</span>;
         },
-    },
+    }, */
     {
         header: i18n.t("label.paid"),
         accessorKey: "paid",

src/configs/schema/orderSchema.ts

@@ -47,7 +47,8 @@ export const orderServiceSchema = z.object({
 });
 
 export const orderPaymentSchema = z.object({
-    fk_oid: z.number(),
+    pid: z.string(),
+    fk_oid: z.string(),
     paid: z.number(),
     paid_date: z.string().datetime(),
 });

src/pageComponents/DayPicker/RangedDayPicker.tsx

@@ -61,7 +61,7 @@ const RangedDayPicker: FC = () => {
     }, [newStaffWL, setStaffWL]);
 
     useEffect(() => {
-        setDeduction(newDeduct);
+        newDeduct && setDeduction(newDeduct);
     }, [newDeduct, setDeduction]);
 
     const css = `

src/pageComponents/modals/mOrderPay.tsx

@@ -35,7 +35,8 @@ const MOrderPay: FC = memo(() => {
     const [clientOrder] = useAtom(atOrder);
     const [modalOpen, setModalOpen] = useAtom(atModalOpen);
     const [payment, setPayment] = useState<TorderPayment>({
-        fk_oid: 0,
+        pid: "",
+        fk_oid: "",
         paid: 0,
         paid_date: dateFormat(new Date()),
     });

src/pages/client.tsx

@@ -119,9 +119,11 @@ const Client = () => {
         switch (status) {
             case RES_STATUS.SUCCESS:
                 if (modalOpen === mOpenOps.add) {
-                    setModalOpen("");
                     toastSuccess(t("toastS.addOrder"));
+                } else if (modalOpen === mOpenOps.edit) {
+                    toastSuccess(t("toastS.updateOrder"));
                 }
+                setModalOpen("");
                 break;
             case RES_STATUS.SUC_DEL:
                 setModalOpen("");