From f7406746eee536f4dfa129fe8664e1d6d99104c4 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@smart-chain.fr>
Date: Fri, 12 May 2023 10:57:24 +0200
Subject: [PATCH] loader on first drag and background image

---
 .../DesignSystem/DepositDocument/index.tsx    | 19 ++++++++++++-------
 .../Layouts/Folder/CreateFolder/index.tsx     |  2 +-
 .../Components/Layouts/PageNotFound/index.tsx |  2 +-
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/front/Components/DesignSystem/DepositDocument/index.tsx b/src/front/Components/DesignSystem/DepositDocument/index.tsx
index d01afe40..aac4c284 100644
--- a/src/front/Components/DesignSystem/DepositDocument/index.tsx
+++ b/src/front/Components/DesignSystem/DepositDocument/index.tsx
@@ -69,7 +69,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 	}
 
 	public override render(): JSX.Element {
-		console.log("Loading :" , this.state.loading);
+		console.log("Loading :", this.state.loading);
 		return (
 			<div className={classes["container"]}>
 				<div
@@ -282,23 +282,24 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 	}
 
 	private async onDragDrop(event: React.DragEvent<HTMLDivElement>) {
+		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) {
-		this.setState({
-			loading: true,
-		});
 		const formData = new FormData();
 		formData.append("file", file, file.name);
 		const query = JSON.stringify({ document: { uid: this.props.document.uid } });
 		formData.append("q", query);
-		
+
 		const newFile = await Files.getInstance().post(formData);
 		const files = this.state.currentFiles ? [...this.state.currentFiles, newFile] : [newFile];
 
@@ -335,15 +336,19 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 	}
 
 	private async onFileChange() {
+		if (!this.inputRef.current) return;
 		this.setState({
 			loading: true,
 		});
-		if (!this.inputRef.current) return;
 		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/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 {