e98b8b601b
1) Progress Bar https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=2c1d4ce11f4747b7bcd9814336a8e882 2) Folder Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=1abbfeae008a486facf59e3cb2ccdd86 3) Api frontend (pas de tickets correspondants) 4) Ask/Pending/Validated/ documents (pas de tickets correspondants) 5) Multiselect [WIP] -> Error message not displaying when the user search and didn't find in the corresponding options https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=1d5ec1f29d2644d3ac7a0c309608c6e3 6) Document Notary Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=e2da114abf5d40a5adc0c411f7f86c8d 7) Notary Documents For Users Components with filters for each users according to the document status https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=c682d55c2d42438f9a880493a5ac6b12 8) Fix Local Docker Compose Front (pas de tickets correspondants) 9) DropDown Component https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=933bcc4418ea46f88c696e52b97d7bfc 10) Minor Fixes https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=0c799226315c4d7ca7ee13648105cfcf https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28564&t=k&c=eb9838e8ad894ac5b43e4c8562bc6450 --------- Co-authored-by: leabruchon <89223887+leabruchon@users.noreply.github.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import React from "react";
|
|
import classes from "./classes.module.scss";
|
|
import Typography, { ITypo } from "../Typography";
|
|
import Image from "next/image";
|
|
import ChevronIcon from "@Assets/Icons/chevron.svg";
|
|
import { OfficeFolder } from "le-coffre-resources/dist/Notary";
|
|
import WarningBadge from "../WarningBadge";
|
|
|
|
type IProps = {
|
|
folder: {
|
|
folder_number: OfficeFolder["folder_number"];
|
|
documents?: OfficeFolder["documents"];
|
|
};
|
|
}
|
|
type IState = {};
|
|
|
|
export default class FolderContainer extends React.Component<IProps, IState> {
|
|
public override render(): JSX.Element {
|
|
return <div className={classes["root"]}>
|
|
<div className={classes["left-side"]}>
|
|
<Typography typo={ITypo.P_16}>{"Dossier ".concat(this.props.folder.folder_number)}</Typography>
|
|
{this.countPendingDocuments() > 0 && <WarningBadge />}
|
|
|
|
</div>
|
|
<Image alt="chevron" src={ChevronIcon} />
|
|
</div>;
|
|
}
|
|
|
|
private countPendingDocuments(): number {
|
|
if(!this.props.folder.documents) return 0;
|
|
return this.props.folder.documents?.filter((document) => document.document_status === "PENDING").length ?? 0;
|
|
}
|
|
}
|