feat(admin): added a structures vae collectives page for admins

Author: agarbe

packages/reva-admin-react/src/app/(admin)/structures-vae-collectives/(list)/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+import { Button } from "@codegouvfr/react-dsfr/Button";
+import { useQuery } from "@tanstack/react-query";
+import { useSearchParams } from "next/navigation";
+
+import { WhiteCard } from "@/components/card/white-card/WhiteCard";
+import { useGraphQlClient } from "@/components/graphql/graphql-client/GraphqlClient";
+import { SearchList } from "@/components/search/search-list/SearchList";
+
+import { graphql } from "@/graphql/generated";
+
+const getVaeCollectives = graphql(`
+  query getVaeCollectivesForStructuresVaeCollectivesPage(
+    $offset: Int
+    $searchFilter: String
+  ) {
+    vaeCollective_commanditaireVaeCollectives(
+      limit: 10
+      offset: $offset
+      searchFilter: $searchFilter
+    ) {
+      rows {
+        id
+        raisonSociale
+        createdAt
+      }
+      info {
+        totalRows
+        totalPages
+        currentPage
+      }
+    }
+  }
+`);
+
+const RECORDS_PER_PAGE = 10;
+const MaisonMereAapListPage = () => {
+  const { graphqlClient } = useGraphQlClient();
+
+  const searchParams = useSearchParams();
+  const page = searchParams.get("page");
+  const currentPage = page ? Number.parseInt(page) : 1;
+  const searchFilter = searchParams.get("search") || "";
+
+  const { data, status } = useQuery({
+    queryKey: ["getVaeCollectives", searchFilter, currentPage],
+    queryFn: () =>
+      graphqlClient.request(getVaeCollectives, {
+        offset: (currentPage - 1) * RECORDS_PER_PAGE,
+        searchFilter,
+      }),
+  });
+
+  if (status === "error") {
+    return (
+      <div>
+        Une erreur est survenue lors du chargement des structures de vae
+        collectives.
+      </div>
+    );
+  }
+
+  if (status === "pending") {
+    return <div className="min-h-[720px]"></div>;
+  }
+
+  return (
+    <div className="flex flex-col">
+      <h1>Structures de VAE collectives</h1>
+      <p className="text-xl leading-8 mb-12">
+        En tant qu'administrateur, vous avez la possibilité de visualiser
+        l’intégralité des structures de VAE collectives.
+      </p>
+      {status === "success" && (
+        <SearchList
+          searchBarProps={{
+            lifted: true,
+            title: "Recherchez par raison sociale",
+          }}
+          searchFilter={searchFilter}
+          searchResultsPage={data.vaeCollective_commanditaireVaeCollectives}
+        >
+          {(commanditaire) =>
+            commanditaire ? (
+              <WhiteCard key={commanditaire.id}>
+                <h6 className="mb-3">{commanditaire.raisonSociale}</h6>
+                <Button
+                  className="place-self-end"
+                  linkProps={{
+                    href: `/vae-collective/commanditaires/${commanditaire.id}/cohortes`,
+                  }}
+                >
+                  Voir plus
+                </Button>
+              </WhiteCard>
+            ) : null
+          }
+        </SearchList>
+      )}
+    </div>
+  );
+};
+
+export default MaisonMereAapListPage;

packages/reva-admin-react/src/components/header/Header.tsx

@@ -43,6 +43,7 @@ const PATHS = {
   FEASIBILITIES: "/candidacies/feasibilities",
   STATISTIQUES: "/dashboard",
   VAE_COLLECTIVES: "/vae-collectives",
+  STRUCTURES_VAE_COLLECTIVES: "/structures-vae-collectives",
 } as const;
 
 const LABELS = {
@@ -55,6 +56,7 @@ const LABELS = {
   GESTION_CERTIFICATIONS: "Gestion des certifications",
   STRUCTURES_ACCOMPAGNATRICES: "Structures accompagnatrices",
   STRUCTURES_CERTIFICATRICES: "Structures certificatrices",
+  STRUCTURES_VAE_COLLECTIVES: "Structures VAE collectives",
   STATISTIQUES: "Statistiques",
   VAE_COLLECTIVES: "VAE collectives",
 } as const;
@@ -105,7 +107,7 @@ const getNavigationTabs = ({
   isCertificationRegistryManager,
   isAdminCertificationAuthority,
   metabaseDashboardIframeUrl,
-  showAAPVaeCollectivesTab,
+  showAAPVaeCollectivesTabsAndMenus,
 }: {
   currentPathname: string;
   isAdmin: boolean;
@@ -115,7 +117,7 @@ const getNavigationTabs = ({
   isCertificationRegistryManager: boolean;
   isAdminCertificationAuthority: boolean;
   metabaseDashboardIframeUrl?: string | null;
-  showAAPVaeCollectivesTab: boolean;
+  showAAPVaeCollectivesTabsAndMenus: boolean;
 }) => {
   const adminTabs = [
     createTab({
@@ -153,6 +155,17 @@ const getNavigationTabs = ({
             PATHS.CERTIFICATION_AUTHORITY_STRUCTURES,
           ),
         }),
+        ...(showAAPVaeCollectivesTabsAndMenus
+          ? [
+              createTab({
+                text: LABELS.STRUCTURES_VAE_COLLECTIVES,
+                href: PATHS.STRUCTURES_VAE_COLLECTIVES,
+                isActive: currentPathname.startsWith(
+                  PATHS.STRUCTURES_VAE_COLLECTIVES,
+                ),
+              }),
+            ]
+          : []),
       ],
     },
     createTab({
@@ -168,7 +181,7 @@ const getNavigationTabs = ({
       href: PATHS.CANDIDACIES,
       isActive: isAAPCandidaciesPath(currentPathname),
     }),
-    ...(showAAPVaeCollectivesTab
+    ...(showAAPVaeCollectivesTabsAndMenus
       ? [
           createTab({
             text: LABELS.VAE_COLLECTIVES,
@@ -284,7 +297,7 @@ export const Header = () => {
     enabled: isVaeCollectiveFeatureActive && isOrganism && !isAdmin,
   });
 
-  const showAAPVaeCollectivesTab =
+  const showAAPVaeCollectivesTabsAndMenus =
     isVaeCollectiveFeatureActive &&
     isOrganism &&
     !isAdmin &&
@@ -300,7 +313,7 @@ export const Header = () => {
     isCertificationRegistryManager,
     isAdminCertificationAuthority,
     metabaseDashboardIframeUrl,
-    showAAPVaeCollectivesTab,
+    showAAPVaeCollectivesTabsAndMenus,
   });
 
   return (

packages/reva-api/modules/vae-collective/vae-collective.resolvers.ts

@@ -126,7 +126,7 @@ const unsafeResolvers = {
         offset,
         limit,
         searchFilter,
-      }: { offset: number; limit: number; searchFilter: string },
+      }: { offset?: number; limit?: number; searchFilter?: string },
     ) => getCommanditaireVaeCollectives({ offset, limit, searchFilter }),
   },
   Mutation: {