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

Feature/ora coffr285 filter folders (#23)

Browse Source 
Ticket :
https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28925&t=k&filter=~(label~(~%271194596)~ft~2)&c=65050d8a9d54444f889e267ffc75b4a5
This commit is contained in:
Maxime Lalo 2023-05-03 15:24:37 +02:00 committed by GitHub
commit 86702bac30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/front/Components/DesignSystem/SearchBar/index.tsx
View File

@ -1,9 +1,10 @@
import React from "react";
import classes from "./classes.module.scss";
import LoopIcon from "@Assets/Icons/loop.svg"; import LoopIcon from "@Assets/Icons/loop.svg";
import Image from "next/image";
import Typography, { ITypo } from "../Typography";
import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Image from "next/image";
import React from "react";
import Typography, { ITypo } from "../Typography";
import classes from "./classes.module.scss";
type IProps = { type IProps = {
folders: IDashBoardFolder[]; folders: IDashBoardFolder[];
@ -53,9 +54,20 @@ export default class SearchBar extends React.Component<IProps, IState> {
} }
private filterFolders(event: React.ChangeEvent<HTMLInputElement>) { private filterFolders(event: React.ChangeEvent<HTMLInputElement>) {
const filteredFolders: IDashBoardFolder[] = this.props.folders.filter((folder) => const filteredFolders: IDashBoardFolder[] = this.props.folders.filter((folder) => {
folder.folder_number.includes(event.target.value), const name = folder.name.toLowerCase();
); const number = folder.folder_number.toLowerCase();
const value = event.target.value.toLowerCase();
if (folder.office_folder_has_customers) {
const customerNames = folder.office_folder_has_customers.map((customer) => {
return `${customer.customer.contact.first_name.toLowerCase()} ${customer.customer.contact.last_name.toLowerCase()}`;
}).join(", ");
return name.includes(value) || number.includes(value) || customerNames.includes(value);
}
return name.includes(value) || number.includes(value);
});
return filteredFolders; return filteredFolders;
} }
} }