From 9816c7753ae484a0a4efcdc66a6c2dd7d8a1c037 Mon Sep 17 00:00:00 2001
From: OxSaitama <arnaud.daubernatali@smart-chain.fr>
Date: Thu, 11 May 2023 22:05:09 +0200
Subject: [PATCH] refacto file rendering

---
 src/front/Api/LeCoffreApi/SuperAdmin/Files/Files.ts  |  2 +-
 .../Components/DesignSystem/FilePreview/index.tsx    | 12 ++++++------
 .../Layouts/Folder/ViewDocuments/index.tsx           |  1 +
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/front/Api/LeCoffreApi/SuperAdmin/Files/Files.ts b/src/front/Api/LeCoffreApi/SuperAdmin/Files/Files.ts
index db4f0e7f..0e195537 100644
--- a/src/front/Api/LeCoffreApi/SuperAdmin/Files/Files.ts
+++ b/src/front/Api/LeCoffreApi/SuperAdmin/Files/Files.ts
@@ -54,7 +54,7 @@ export default class Files extends BaseSuperAdmin {
 	}
 
 	public getUploadLink(uid: string): string {
-		return this.baseURl.concat(`/upload/${uid}`);
+		return this.baseURl.concat(`/download/${uid}`);
 	}
 
 
diff --git a/src/front/Components/DesignSystem/FilePreview/index.tsx b/src/front/Components/DesignSystem/FilePreview/index.tsx
index 37ad48e0..abc4f51b 100644
--- a/src/front/Components/DesignSystem/FilePreview/index.tsx
+++ b/src/front/Components/DesignSystem/FilePreview/index.tsx
@@ -5,12 +5,14 @@ import classes from "./classes.module.scss";
 
 type IProps = {
 	href: string;
+	fileName?: string;
 };
 type IState = {};
 
 export default class FilePreview extends React.Component<IProps, IState> {
 	override render() {
-		const type = this.props.href.split(".").pop();
+		let type = this.props.href.split(".").pop();
+		if(this.props.fileName) type = this.props.fileName.split(".").pop();
 		return (
 			<div className={classes["root"]}>
 				{!type && (
@@ -18,14 +20,12 @@ export default class FilePreview extends React.Component<IProps, IState> {
 						Erreur lors du chargement du fichier
 					</Typography>
 				)}
-				{type && (
-					<div className={classes["file-container"]}>
-						{type === "pdf" && (
+				<div className={classes["file-container"]}>
+						{type?.toLowerCase() === "pdf" && (
 							<embed src={this.props.href} width="100%" height="100%" type="application/pdf" className={classes["pdf"]} />
 						)}
-						{type !== "pdf" && <img 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>
 		);
 	}
diff --git a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
index 69c260a9..1ac9c26d 100644
--- a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
@@ -91,6 +91,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
 							<div className={classes["file-container"]}>
 								<FilePreview
 									href={Files.getInstance().getUploadLink(this.state.selectedFile?.uid as string)}
+									fileName={this.state.selectedFile.file_name}
 									key={this.state.selectedFile.uid}
 								/>
 							</div>