Merge branch 'test' into dev

src/front/Components/DesignSystem/DepositDocument/index.tsx

@@ -69,6 +69,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 	}
 
 	public override render(): JSX.Element {
+		console.log("Loading :", this.state.loading);
 		return (
 			<div className={classes["container"]}>
 				<div
@@ -281,12 +282,16 @@ 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) {
@@ -294,9 +299,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 		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<IProps, IState> {
 
 	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() {

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;
@@ -30,7 +29,7 @@ export default class FilePreview extends React.Component<IProps, IState> {
 					{type?.toLowerCase() === "pdf" && (
 						<embed src={this.props.href} width="100%" height="100%" type="application/pdf" className={classes["pdf"]} />
 					)}
-						{type?.toLowerCase() !== "pdf" && <Image src={this.props.href} alt="File preview" className={classes["image"]} />}
+					{type?.toLowerCase() !== "pdf" && <img src={this.props.href} alt="File preview" className={classes["image"]} />}
 				</div>
 			</div>
 		);

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;

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 {