diff --git a/src/front/Components/DesignSystem/DepositDocument/index.tsx b/src/front/Components/DesignSystem/DepositDocument/index.tsx index 2a85bbfa..aac4c284 100644 --- a/src/front/Components/DesignSystem/DepositDocument/index.tsx +++ b/src/front/Components/DesignSystem/DepositDocument/index.tsx @@ -69,6 +69,7 @@ export default class DepositDocument extends React.Component { } public override render(): JSX.Element { + console.log("Loading :", this.state.loading); return (
{ } private async onDragDrop(event: React.DragEvent) { + this.setState({ + loading: true, + }); event.preventDefault(); this.setState({ isDragOver: false, }); const file = event.dataTransfer.files[0]; if (file) this.addFile(file); + else this.setState({ loading: false }); } private async addFile(file: File) { @@ -294,9 +299,7 @@ export default class DepositDocument extends React.Component { formData.append("file", file, file.name); const query = JSON.stringify({ document: { uid: this.props.document.uid } }); formData.append("q", query); - this.setState({ - loading: true, - }); + const newFile = await Files.getInstance().post(formData); const files = this.state.currentFiles ? [...this.state.currentFiles, newFile] : [newFile]; @@ -334,11 +337,18 @@ export default class DepositDocument extends React.Component { private async onFileChange() { if (!this.inputRef.current) return; + this.setState({ + loading: true, + }); const files = this.inputRef.current.files; - if (!files) return; + if (!files) { + this.setState({ loading: false }); + return; + } const file = files[0]; if (file) this.addFile(file); + else this.setState({ loading: false }); } private addDocument() { diff --git a/src/front/Components/DesignSystem/FilePreview/index.tsx b/src/front/Components/DesignSystem/FilePreview/index.tsx index 6ea12f73..d7e6f794 100644 --- a/src/front/Components/DesignSystem/FilePreview/index.tsx +++ b/src/front/Components/DesignSystem/FilePreview/index.tsx @@ -3,7 +3,6 @@ import React from "react"; import Typography, { ITypo, ITypoColor } from "../Typography"; import classes from "./classes.module.scss"; import Loader from "../Loader"; -import Image from "next/image"; type IProps = { href: string; @@ -27,11 +26,11 @@ export default class FilePreview extends React.Component { )}
- {type?.toLowerCase() === "pdf" && ( - - )} - {type?.toLowerCase() !== "pdf" && File preview} -
+ {type?.toLowerCase() === "pdf" && ( + + )} + {type?.toLowerCase() !== "pdf" && File preview} +
); } diff --git a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx index b7ee1116..9403e299 100644 --- a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx +++ b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx @@ -18,7 +18,7 @@ import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users"; import User from "le-coffre-resources/dist/Notary"; import Folders, { IPostFoldersParams } from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders"; import { NextRouter, useRouter } from "next/router"; -import backgroundImage from "@Front/assets/images/404-background-image.jpeg"; +import backgroundImage from "@Assets/images/404-background-image.jpeg"; type IFormValues = { folder_number: string; diff --git a/src/front/Components/Layouts/PageNotFound/index.tsx b/src/front/Components/Layouts/PageNotFound/index.tsx index e0d52b93..6c6022dd 100644 --- a/src/front/Components/Layouts/PageNotFound/index.tsx +++ b/src/front/Components/Layouts/PageNotFound/index.tsx @@ -6,7 +6,7 @@ import BasePage from "../Base"; import classes from "./classes.module.scss"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; -import backgroundImage from "@Front/assets/images/404-background-image.jpeg"; +import backgroundImage from "@Assets/images/404-background-image.jpeg"; export default class PageNotFound extends BasePage { public override render(): JSX.Element {