-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* feat: new design fixes * feat: new design fixes * feat: new design fixes
- Loading branch information
1 parent
982341c
commit 4f86204
Showing
6 changed files
with
198 additions
and
357 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
142 changes: 7 additions & 135 deletions
142
src/client/src/components/DataSheets/Sections/ListEstablishmentsResult/Establishments.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,162 +1,34 @@ | ||
| import "./ListEstablishmentsResult.scss"; | ||
|
|
||
| import React, { useState } from "react"; | ||
| import { useHistory } from "react-router"; | ||
| import { Link } from "react-router-dom"; | ||
| import React from "react"; | ||
|
|
||
| import { isActiveEstablishment } from "../../../../helpers/Search/Search.js"; | ||
| import { formatSiret } from "../../../../helpers/utils/format.js"; | ||
| import { | ||
| getLibelletFromCodeNaf, | ||
| joinNoFalsy, | ||
| } from "../../../../helpers/utils/utils.js"; | ||
| import Config from "../../../../services/Config/Config.js"; | ||
| import { getEtablissements } from "../../../../utils/entreprise/entreprise.js"; | ||
| import { isActive } from "../../../../utils/establishment/establishment.js"; | ||
| import BadgeWithIcon from "../../../shared/Badge/BadgeWithIcon.jsx"; | ||
| import Value from "../../../shared/Value/Value.js"; | ||
| import { getEtablissementsCount } from "../../Sidebar/Sidebar.gql.js"; | ||
| import { useEstablishmentData } from "../SharedComponents/EstablishmentContext.jsx"; | ||
| import NonBorderedTable from "../SharedComponents/NonBorderedTable/NonBorderedTable.js"; | ||
| import PaginationTable from "../SharedComponents/PaginationTable/PaginationTable.jsx"; | ||
| import EstablishmentTable from "../SharedComponents/EstablishmentTable/EstablishmentTable.jsx"; | ||
|
|
||
| export const Establishments = () => { | ||
| const { loading, data: entreprise, error } = useEstablishmentData(); | ||
| const history = useHistory(); | ||
|
|
||
| const [currentPage, setCurrentPage] = useState(1); | ||
| if (loading || error) { | ||
| return null; | ||
| } | ||
|
|
||
| const rowsPerPage = 10; | ||
| // Calculate the total number of pages | ||
| const totalPages = Math.ceil( | ||
| entreprise?.entreprise_nbr_etablissements_siren?.nb_eta / rowsPerPage | ||
| ); | ||
|
|
||
| // Calculate the starting and ending index for the current page | ||
| const startIndex = (currentPage - 1) * rowsPerPage; | ||
| const endIndex = Math.min( | ||
| startIndex + rowsPerPage, | ||
| entreprise?.entreprise_nbr_etablissements_siren?.nb_eta | ||
| ); | ||
| const etablissements = entreprise ? getEtablissements(entreprise) : []; | ||
| const staffSizeRanges = { | ||
| ...Config.get("inseeSizeRanges"), | ||
| "0 salarié": "0 salarié", | ||
| }; | ||
|
|
||
| const handlePageClick = (page) => { | ||
| if (page >= 1 && page <= totalPages) { | ||
| setCurrentPage(page); | ||
| } | ||
| }; | ||
|
|
||
| const etablissementsCount = entreprise | ||
| ? getEtablissementsCount(entreprise) | ||
| : 0; | ||
| const renderTableBody = () => { | ||
| const data = | ||
| etablissementsCount > rowsPerPage | ||
| ? etablissements?.slice(startIndex, endIndex) | ||
| : etablissements; | ||
| return data?.map((etablissement) => { | ||
| const isEtablissementActive = isActive(etablissement); | ||
| const stateClass = isEtablissementActive | ||
| ? "icon--success" | ||
| : "icon--danger"; | ||
| const stateText = isEtablissementActive ? "ouvert" : "fermé"; | ||
| return ( | ||
| <tr | ||
| className="at__body__tr" | ||
| key={etablissement?.siret} | ||
| onClick={() => history.push(`/establishment/${etablissement?.siret}`)} | ||
| > | ||
| <td> | ||
| <Link | ||
| to={`/establishment/${etablissement?.siret}`} | ||
| className="establishment__siret_link" | ||
| > | ||
| <Value value={formatSiret(etablissement?.siret)} /> | ||
| </Link> | ||
| </td> | ||
| <td> | ||
| <BadgeWithIcon isTableBadge text={stateText} state={stateClass} /> | ||
| </td> | ||
| const etablissements = entreprise ? getEtablissements(entreprise) : []; | ||
|
|
||
| <td> | ||
| <Value | ||
| value={joinNoFalsy( | ||
| [ | ||
| etablissement?.codepostaletablissement, | ||
| etablissement?.libellecommuneetablissement, | ||
| ], | ||
| " - " | ||
| )} | ||
| /> | ||
| </td> | ||
| <td> | ||
| <Value | ||
| value={ | ||
| etablissement?.trancheeffectifsetablissement !== "-" && | ||
| etablissement?.trancheeffectifsetablissement !== "NN" && | ||
| etablissement?.trancheeffectifsetablissement !== "SP" | ||
| ? isActiveEstablishment( | ||
| etablissement?.etatadministratifetablissement | ||
| ) | ||
| ? staffSizeRanges[ | ||
| etablissement?.trancheeffectifsetablissement | ||
| ] | ||
| : "0 salarié" | ||
| : staffSizeRanges[ | ||
| etablissement?.trancheeffectifsetablissement | ||
| ] | ||
| } | ||
| /> | ||
| </td> | ||
| <td> | ||
| <Value value={etablissement?.etb_raisonsociale} /> | ||
| </td> | ||
| <td>{`${etablissement?.activiteprincipaleetablissement || ""} - ${ | ||
| getLibelletFromCodeNaf( | ||
| etablissement?.activiteprincipaleetablissement | ||
| ) || "" | ||
| }`}</td> | ||
| </tr> | ||
| ); | ||
| }); | ||
| }; | ||
| return ( | ||
| <div className="sheet-container"> | ||
| <h2 className="title"> | ||
| Liste des etablissements ( | ||
| <Value value={etablissementsCount} empty="0" />) | ||
| </h2> | ||
| <div className="data-sheet--table "> | ||
| <NonBorderedTable className="direccte-interactions-establishment__table etbList"> | ||
| <thead> | ||
| <tr> | ||
| <th>SIRET</th> | ||
| <th>État</th> | ||
| <th>Code postal</th> | ||
| <th>Effectif (DSN)</th> | ||
| <th>Raison social / Nom</th> | ||
| <th>Activité</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody>{renderTableBody()}</tbody> | ||
| </NonBorderedTable> | ||
| {etablissementsCount > rowsPerPage && ( | ||
| <div className="table-pagination"> | ||
| <PaginationTable | ||
| currentPage={currentPage} | ||
| totalPages={totalPages} | ||
| handlePageClick={handlePageClick} | ||
| /> | ||
| </div> | ||
| )} | ||
| </div> | ||
| <EstablishmentTable | ||
| entreprise={entreprise} | ||
| etablissements={etablissements} | ||
| /> | ||
| </div> | ||
| ); | ||
| }; |
Oops, something went wrong.