add toaster when client upload file

This commit is contained in:
Max S 2024-09-13 16:12:36 +02:00
parent a9ce560a1b
commit 9dd57124c6

View File

@ -5,6 +5,7 @@ import { useCallback, useMemo } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Files from "@Front/Api/LeCoffreApi/Customer/Files/Files"; import Files from "@Front/Api/LeCoffreApi/Customer/Files/Files";
import { ToasterService } from "@Front/Components/DesignSystem/Toaster";
type IProps = { type IProps = {
document: Document; document: Document;
@ -29,14 +30,22 @@ export default function DepositDocumentComponent(props: IProps) {
formData.append("file", file, file.name); formData.append("file", file, file.name);
const query = JSON.stringify({ document: { uid: document.uid } }); const query = JSON.stringify({ document: { uid: document.uid } });
formData.append("q", query); formData.append("q", query);
return Files.getInstance().post(formData).then(onChange); return Files.getInstance()
.post(formData)
.then(onChange)
.then(() => ToasterService.getInstance().success({ title: "Succès !", description: "Fichier uploadé avec succès!" }))
.catch((error) => ToasterService.getInstance().error({ title: "Erreur !", description: error.message }));
}, },
[document.uid, onChange], [document.uid, onChange],
); );
const deleteFile = useCallback( const deleteFile = useCallback(
(filedUid: string) => { (filedUid: string) => {
return Files.getInstance().delete(filedUid).then(onChange); return Files.getInstance()
.delete(filedUid)
.then(onChange)
.then(() => ToasterService.getInstance().success({ title: "Succès !", description: "Fichier supprimé avec succès!" }))
.catch((error) => ToasterService.getInstance().error({ title: "Erreur !", description: error.message }));
}, },
[onChange], [onChange],
); );