#30 внесены корректировки

front/src/components/UI/Forms/PaymentForm/PaymentForm.js

@@ -22,16 +22,6 @@ const PaymentForm = ({onSubmit, paymentId}) => {
         repeatibility: false,
         periodicity: ""
     });
-    // const dispatch = useDispatch();
-    // useEffect(() => {
-    //     dispatch(fetchPaymentById(paymentId)).then(payment=> {
-    //         let stateCopy = {};
-    //         Object.keys(state).forEach(key => {
-    //             stateCopy[key] = payment[key];
-    //         });
-    //         setState({...stateCopy});
-    //     })
-    // }, [dispatch]);
    
     const inputChangeHandler = (event) => {
       const { name, value } = event.target;

front/src/containers/EditPayment/EditPayment.js

 import React, { useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
 import { editPayment, fetchPaymentById } from "../../store/actions/paymentAction";
 import icon from"../../assets/images/icon-close.png"
 import {push} from 'connected-react-router'
@@ -10,38 +10,36 @@ import FileInput from "../../components/UI/Forms/FileInput";
 
 const EditPayment = () => {
     const {id} = useParams()
-    const payment = useSelector((state) => state.payments.paymentById);
-    console.log(payment)
     const [state, setState] = useState({
-        dateOfPayment: payment.dateOfPayment,
-        payer: payment.payer,
-        purpose: payment.purpose,
-        invoice: payment.invoice,
-        comment: payment.comment? payment.comment : "",
-        costCenter: payment.costCenter? payment.costCenter : "",
-        contractor: payment.contractor,
-        termOfPayment: payment.termOfPayment? payment.termOfPayment : "",
-        daysOfTermPayment: payment.daysOfTermPayment? payment.daysOfTermPayment : "",    
-        priority: payment.priority,
-        image: payment.image,
-        sum: payment.sum,
-        repeatibility: payment.repeatibility? payment.repeatibility : false,
-        periodicity: payment.periodicity? payment.periodicity : ""
+        dateOfPayment: "",
+        payer: "",
+        purpose: "",
+        invoice: "",
+        comment: "",
+        costCenter: "",
+        contractor: "",
+        termOfPayment: "",
+        daysOfTermPayment: "",    
+        priority: "Стандартный",
+        image: "",
+        sum: "",
+        repeatibility: false,
+        periodicity: ""
     });
     const dispatch = useDispatch();
     useEffect(() => {
         dispatch(fetchPaymentById(id))
     }, [dispatch]);
-    // useEffect(() => {
-    //     dispatch(fetchPaymentById(id)).then(payment=> {
-    //         let stateCopy = {};
-    //         Object.keys(state).forEach(key => {
-    //             stateCopy[key] = payment[key];
-    //         });
-    //         setState({...stateCopy});
-    //         console.log('state', state)
-    //     })
-    // }, [dispatch]);
+    useEffect(() => {
+        dispatch(fetchPaymentById(id)).then(payment=> {
+            let stateCopy = {};
+            Object.keys(state).forEach(key => {
+                stateCopy[key] = payment[key];
+            });
+            setState({...stateCopy});
+            console.log('state', state)
+        })
+    }, [dispatch]);
     const inputChangeHandler = (event) => {
         const { name, value } = event.target;
         setState((prevState) => {
@@ -57,14 +55,11 @@ const EditPayment = () => {
       }));
     };
     const submitFormHandler = async event => {
-        console.log("state", state)
       event.preventDefault();
       const formData = new FormData();
       Object.keys(state).forEach((key) => {
         formData.append(key, state[key]);
       });
-      console.log("formData", formData)
-
       await dispatch(editPayment(id, formData))
     };  
     const closeHandler = () => {