PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: create payback fix image

Browse Source
This commit is contained in:
caturbgs 2021-12-22 16:06:18 +07:00
parent 84ff8c12f8
commit 73d23b8958
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/Payback/PaybackModal.js
View File

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