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 [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}