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

🎨 tooltip + folder name

Browse Source
This commit is contained in:
Hugo Lextrait 2023-05-11 17:55:23 +02:00
parent fdd7d2ca79
commit 72342d98d0
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/Layouts/DesignSystem/dummyData.ts
View File

@ -82,8 +82,8 @@ export const docType: DocumentType = {
uid: "fezezfazegezrgrezg", uid: "fezezfazegezrgrezg",
created_at: new Date(), created_at: new Date(),
updated_at: new Date(), updated_at: new Date(),
public_description: "Acte de naissance public description", public_description: "",
private_description: "Acte de naissance private description", private_description: "",
archived_at: new Date(), archived_at: new Date(),
office: office, office: office,
}; };

10
src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
View File

@ -10,7 +10,7 @@ import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import { Document, File } from "le-coffre-resources/dist/Customer"; import { Document, File, OfficeFolder } from "le-coffre-resources/dist/Customer";
import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document"; import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document";
import Image from "next/image"; import Image from "next/image";
import { NextRouter, useRouter } from "next/router"; import { NextRouter, useRouter } from "next/router";
@ -20,6 +20,8 @@ import BasePage from "../../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import OcrResult from "./OcrResult"; import OcrResult from "./OcrResult";
import Files from "@Front/Api/LeCoffreApi/SuperAdmin/Files/Files"; import Files from "@Front/Api/LeCoffreApi/SuperAdmin/Files/Files";
import Folder from "..";
import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
type IProps = {}; type IProps = {};
type IPropsClass = { type IPropsClass = {
@ -37,6 +39,7 @@ type IState = {
selectedFile: File | null; selectedFile: File | null;
validatedPercentage: number; validatedPercentage: number;
document: Document | null; document: Document | null;
folder: OfficeFolder | null;
}; };
class ViewDocumentsClass extends BasePage<IPropsClass, IState> { class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
@ -52,6 +55,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
selectedFile: null, selectedFile: null,
validatedPercentage: this.getRandomPercentageForOcr(), validatedPercentage: this.getRandomPercentageForOcr(),
document: null, document: null,
folder: null,
}; };
this.closeModals = this.closeModals.bind(this); this.closeModals = this.closeModals.bind(this);
@ -74,7 +78,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
{this.state.document && this.state.document.files && this.state.selectedFile && ( {this.state.document && this.state.document.files && this.state.selectedFile && (
<div className={classes["root"]}> <div className={classes["root"]}>
<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["title"]}> <Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["title"]}>
{this.state.document.document_type?.name} {this.state.folder?.name}
</Typography> </Typography>
<Typography typo={ITypo.H3} color={ITypoColor.BLACK} className={classes["subtitle"]}> <Typography typo={ITypo.H3} color={ITypoColor.BLACK} className={classes["subtitle"]}>
{this.state.document.document_type?.name} {this.state.document.document_type?.name}
@ -189,10 +193,12 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
files: true, files: true,
document_type: true, document_type: true,
}); });
const folder = await Folders.getInstance().getByUid(this.props.folderUid);
this.setState({ this.setState({
document, document,
selectedFileIndex: 0, selectedFileIndex: 0,
selectedFile: document.files![0]!, selectedFile: document.files![0]!,
folder,
}); });
} catch (e) { } catch (e) {
console.error(e); console.error(e);