4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🐛 File name when validated or pending

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-26 11:11:20 +02:00
parent 889e14a451
commit 235a3c607c
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/front/Components/DesignSystem/Document/DocumentNotary/index.tsx
View File

@ -16,6 +16,7 @@ type IProps = {
document_type: Document["document_type"]; document_type: Document["document_type"];
document_status: Document["document_status"]; document_status: Document["document_status"];
folder: Document["folder"]; folder: Document["folder"];
files?: Document["files"];
}; };
openDeletionModal?: (uid: Document["uid"]) => void; openDeletionModal?: (uid: Document["uid"]) => void;
}; };
@ -37,13 +38,31 @@ class DocumentNotaryClass extends React.Component<IPropsClass, IState> {
<div className={classNames(classes["root"], classes[this.props.document.document_status])} onClick={this.onClick}> <div className={classNames(classes["root"], classes[this.props.document.document_status])} onClick={this.onClick}>
<div> <div>
<Typography typo={ITypo.P_SB_16}>{this.props.document?.document_type?.name}</Typography> <Typography typo={ITypo.P_SB_16}>{this.props.document?.document_type?.name}</Typography>
<Typography typo={ITypo.CAPTION_14}>Aucun document déposé</Typography> <Typography typo={ITypo.CAPTION_14}>{this.getDocumentsTitle()}</Typography>
</div> </div>
{this.renderIcon()} {this.renderIcon()}
</div> </div>
); );
} }
private getDocumentsTitle(){
const documentFiles = this.props.document.files;
if(documentFiles){
if(documentFiles.length === 1){
const fileName = documentFiles[0]?.file_path?.split("/").pop();
if(fileName && fileName.length > 20){
return `${fileName.substr(0, 7)}...${fileName.substr(fileName.length - 7, fileName.length)}`;
}else{
return fileName;
}
}else{
return `${documentFiles.length} documents déposés`;
}
}else{
return "Aucun document déposé";
}
}
private onClick() { private onClick() {
if (this.props.document.document_status !== "VALIDATED" && this.props.document.document_status !== "PENDING") return; if (this.props.document.document_status !== "VALIDATED" && this.props.document.document_status !== "PENDING") return;
this.props.router.push(`/folders/${this.props.document.folder.uid}/documents/${this.props.document.uid}`); this.props.router.push(`/folders/${this.props.document.folder.uid}/documents/${this.props.document.uid}`);