diff --git a/ui/modules/organismes/ListeOrganismesPage.tsx b/ui/modules/organismes/ListeOrganismesPage.tsx index 07cbc4053..f58a79972 100644 --- a/ui/modules/organismes/ListeOrganismesPage.tsx +++ b/ui/modules/organismes/ListeOrganismesPage.tsx @@ -138,13 +138,15 @@ function ListeOrganismesPage(props: ListeOrganismesPageProps) { > Organismes fiables ({organismesFiables.length}) - - - - OFA : corrections attendues ({organismesACompleter.length}) - - - {organisationType === "ADMINISTRATEUR" && ( + {organismesACompleter.length !== 0 && ( + + + + OFA : corrections attendues ({organismesACompleter.length}) + + + )} + {organisationType === "ADMINISTRATEUR" && organismesNonRetenus.length !== 0 && ( @@ -157,10 +159,12 @@ function ListeOrganismesPage(props: ListeOrganismesPageProps) { - - - - {organisationType === "ADMINISTRATEUR" && ( + {organismesACompleter.length !== 0 && ( + + + + )} + {organisationType === "ADMINISTRATEUR" && organismesNonRetenus.length !== 0 && ( diff --git a/ui/pages/organismes/[organismeId]/organismes/non-retenus.tsx b/ui/pages/organismes/[organismeId]/organismes/non-retenus.tsx new file mode 100644 index 000000000..cd170d6b0 --- /dev/null +++ b/ui/pages/organismes/[organismeId]/organismes/non-retenus.tsx @@ -0,0 +1,42 @@ +import { Center, Container, Spinner } from "@chakra-ui/react"; +import { useQuery } from "@tanstack/react-query"; +import { useRouter } from "next/router"; + +import { _get } from "@/common/httpClient"; +import { Organisme } from "@/common/internal/Organisme"; +import SimplePage from "@/components/Page/SimplePage"; +import withAuth from "@/components/withAuth"; +import ListeOrganismesPage from "@/modules/organismes/ListeOrganismesPage"; + +function OrganismesNonRetenus() { + const router = useRouter(); + const organismeId = router.query.organismeId as string; + const { data: organismes } = useQuery( + ["organismes", organismeId, "organismes"], + () => _get(`/api/v1/organismes/${organismeId}/organismes`), + { + enabled: !!organismeId, + } + ); + + if (!organismes) { + return ( + + +
+ +
+
+
+ ); + } + + const prominentOrganisme = organismes.find((org) => org._id === organismeId); + if (prominentOrganisme) { + (prominentOrganisme as any).prominent = true; + } + + return ; +} + +export default withAuth(OrganismesNonRetenus);