@@ -139,28 +34,10 @@ const ListEstablishment = () => {
{etablissementsCount > 0 && (
-
-
-
- | SIRET |
- État |
- Code postal |
- Effectif (DSN) |
- Raison social / Nom |
- Activité |
-
-
- {renderTableBody()}
-
- {etablissementsCount > rowsPerPage && (
-
- )}
+
)}
history.push(`/establishment/${etablissement?.siret}`)}
- >
- |
-
-
-
- |
-
-
- |
+ const etablissements = entreprise ? getEtablissements(entreprise) : [];
-
-
- |
-
-
- |
-
-
- |
- {`${etablissement?.activiteprincipaleetablissement || ""} - ${
- getLibelletFromCodeNaf(
- etablissement?.activiteprincipaleetablissement
- ) || ""
- }`} |
-
- );
- });
- };
return (
Liste des etablissements (
)
-
-
-
-
- | SIRET |
- État |
- Code postal |
- Effectif (DSN) |
- Raison social / Nom |
- Activité |
-
-
- {renderTableBody()}
-
- {etablissementsCount > rowsPerPage && (
-
- )}
-
+
);
};
diff --git a/src/client/src/components/DataSheets/Sections/SharedComponents/EstablishmentTable/EstablishmentTable.jsx b/src/client/src/components/DataSheets/Sections/SharedComponents/EstablishmentTable/EstablishmentTable.jsx
new file mode 100644
index 00000000..e283ed8f
--- /dev/null
+++ b/src/client/src/components/DataSheets/Sections/SharedComponents/EstablishmentTable/EstablishmentTable.jsx
@@ -0,0 +1,153 @@
+import PropTypes from "prop-types";
+import React, { useState } from "react";
+import { Link, useHistory } from "react-router-dom";
+
+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 { 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 NonBorderedTable from "../NonBorderedTable/NonBorderedTable.js";
+import PaginationTable from "../PaginationTable/PaginationTable.jsx";
+
+const EstablishmentTable = ({ etablissements, entreprise }) => {
+ const history = useHistory();
+ const [currentPage, setCurrentPage] = useState(1);
+
+ const staffSizeRanges = {
+ ...Config.get("inseeSizeRanges"),
+ "0 salarié": "0 salarié",
+ };
+ 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 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 (
+ history.push(`/establishment/${etablissement?.siret}`)}
+ >
+ |
+
+
+
+ |
+
+
+ |
+
+
+
+ |
+
+
+ |
+
+
+ |
+ {`${etablissement?.activiteprincipaleetablissement || ""} - ${
+ getLibelletFromCodeNaf(
+ etablissement?.activiteprincipaleetablissement
+ ) || ""
+ }`} |
+
+ );
+ });
+ };
+ return (
+
+
+
+
+ | SIRET |
+ État |
+ Code postal |
+ Effectif (DSN) |
+ Raison social / Nom |
+ Activité |
+
+
+ {renderTableBody()}
+
+ {etablissementsCount > rowsPerPage && (
+
+ )}{" "}
+
-
+ {displayButtons && (
+
+ )}
{renderPaginationButtons()}
-
+ {displayButtons && (
+
+ )}
);
};
PaginationTable.propTypes = {
currentPage: PropTypes.number.isRequired,
+ displayButtons: PropTypes.bool,
handlePageClick: PropTypes.func.isRequired,
totalPages: PropTypes.string.isRequired,
};
diff --git a/src/client/src/components/SearchAwesomeTable/Pager.js b/src/client/src/components/SearchAwesomeTable/Pager.js
deleted file mode 100644
index 5afacde1..00000000
--- a/src/client/src/components/SearchAwesomeTable/Pager.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import PropTypes from "prop-types";
-import React from "react";
-
-const Pager = ({ currentPage, max, handlePageChange }) => {
- const renderPaginationButtons = () => {
- const buttons = [];
- const firstPage = 1;
- const lastPage = max;
-
- const addPageButton = (page) => {
- if (!buttons.some((button) => button.key === page.toString())) {
- buttons.push(
-
- );
- }
- };
-
- if (currentPage > 1) {
- addPageButton(firstPage);
- }
-
- if (currentPage > 4 && lastPage > 5) {
- buttons.push(
-
- );
- }
-
- const startPage = Math.max(currentPage - 2, 1);
- const endPage = Math.min(startPage + 4, lastPage);
-
- for (let page = startPage; page <= endPage; page++) {
- addPageButton(page);
- }
-
- if (currentPage < lastPage - 3 && lastPage > 5) {
- buttons.push(
-
- );
- }
-
- if (currentPage < lastPage && lastPage > 5) {
- addPageButton(lastPage);
- }
-
- return buttons;
- };
-
- return (
-
-
{renderPaginationButtons()}
-