From 73d23b8958b48ae3460a71c7f207a4a8ea8087f6 Mon Sep 17 00:00:00 2001
From: caturbgs <savemeplease11>
Date: Wed, 22 Dec 2021 16:06:18 +0700
Subject: [PATCH] fix: create payback fix image

---
 src/pages/Payback/PaybackModal.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/Payback/PaybackModal.js b/src/pages/Payback/PaybackModal.js
index f5229ef..6420dae 100644
--- a/src/pages/Payback/PaybackModal.js
+++ b/src/pages/Payback/PaybackModal.js
@@ -12,7 +12,7 @@ export const PaybackModal = ({initialData}) => {
   const [image, setImage] = useState("");
   const [fileList, setFileList] = useState([]);
   const [previewImage, setPreviewImage] = useState("");
-  const [previewVisible, setPreviewVisible] = useState(false);
+  const [responseFilename, setResponseFilename] = useState("");
   const [loading, setLoading] = useState(false);
   const modalLoader = useContext(ModalLoaderContext);
 
@@ -34,6 +34,7 @@ export const PaybackModal = ({initialData}) => {
     const file = args.file;
     const res = await http.upload(file);
     setImage(`${appConfig.apiUrl}/config/image/${res.body.filename}`);
+    setResponseFilename(res.body.filename);
     setFileList([{
       uid: '-1',
       name: 'image',
@@ -62,7 +63,8 @@ export const PaybackModal = ({initialData}) => {
     try {
       const request = {
         ...data,
-        destination: store.authentication.profileData.superior?.id
+        destination: store.authentication.profileData.superior?.id,
+        image_prove: responseFilename
       }
       await store.payback.create(request);
       message.success("Success Add Payback");
@@ -75,20 +77,20 @@ export const PaybackModal = ({initialData}) => {
     }
     modalLoader.setLoading(false);
     form.resetFields();
-    store.payback.visibleModalPayback = false;
     setImage("");
     setFileList([]);
     setPreviewImage("");
-    setPreviewVisible(false);
+    setResponseFilename("");
+    store.payback.visibleModalPayback = false;
   };
 
   const handleCancel = () => {
     form.resetFields();
-    store.payback.visibleModalPayback = false;
     setImage("");
     setFileList([]);
     setPreviewImage("");
-    setPreviewVisible(false);
+    setResponseFilename("");
+    store.payback.visibleModalPayback = false;
   }
 
   return (
@@ -126,7 +128,6 @@ export const PaybackModal = ({initialData}) => {
                   fileList={fileList}
                   onPreview={(file) => {
                     setPreviewImage(file.url || file.filename);
-                    setPreviewVisible(file.url || file.filename);
                   }}
                   showUploadList={true}
                   onChange={handleChange}