refacto file rendering

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}`);
 	}
 
 

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"]}>
-					<div className={classes["file-container"]}>
+						{type?.toLowerCase() === "pdf" && (
-						{type === "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>
 		);
 	}

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>