front: fix max infras in the list

Author: SharglutDev

editoast/openapi.yaml

@@ -2486,6 +2486,22 @@ paths:
           description: Check if Editoast is running correctly
   /infra/:
     get:
+      parameters:
+      - description: Page number
+        in: query
+        name: page
+        schema:
+          default: 1
+          minimum: 1
+          type: integer
+      - description: Number of elements by page
+        in: query
+        name: page_size
+        schema:
+          default: 25
+          maximum: 10000
+          minimum: 1
+          type: integer
       responses:
         '200':
           content:
@@ -2505,8 +2521,8 @@ paths:
                 - next
                 - previous
                 type: object
-          description: The infra list
-      summary: List all available infra
+          description: The infras list
+      summary: Paginated list of all available infras
       tags:
       - infra
     post:

editoast/openapi_legacy.yaml

@@ -173,10 +173,26 @@ paths:
     get:
       tags:
         - infra
-      summary: List all available infra
+      summary: Paginated list of all available infras
+      parameters:
+        - description: Page number
+          in: query
+          name: page
+          schema:
+            default: 1
+            minimum: 1
+            type: integer
+        - description: Number of elements by page
+          in: query
+          name: page_size
+          schema:
+            default: 25
+            maximum: 10000
+            minimum: 1
+            type: integer
       responses:
         200:
-          description: The infra list
+          description: The infras list
           content:
             application/json:
               schema:

front/src/common/InfraSelector/InfraSelectorModal.tsx

@@ -24,7 +24,11 @@ const InfraSelectorModal = ({
   const [filter, setFilter] = useState('');
   const [filteredInfrasList, setFilteredInfrasList] = useState<Infra[]>([]);
   const [editionMode, setEditionMode] = useState(false);
-  const { data: infrasList, isSuccess, isLoading } = osrdEditoastApi.useGetInfraQuery();
+  const {
+    data: infrasList,
+    isSuccess,
+    isLoading,
+  } = osrdEditoastApi.useGetInfraQuery({ pageSize: 1000 });
 
   const debouncedFilter = useDebounce(filter, 250);
 

front/src/common/api/osrdEditoastApi.ts

@@ -72,7 +72,10 @@ const injectedRtkApi = api
         query: () => ({ url: `/health/` }),
       }),
       getInfra: build.query<GetInfraApiResponse, GetInfraApiArg>({
-        query: () => ({ url: `/infra/` }),
+        query: (queryArg) => ({
+          url: `/infra/`,
+          params: { page: queryArg.page, page_size: queryArg.pageSize },
+        }),
         providesTags: ['infra'],
       }),
       postInfra: build.mutation<PostInfraApiResponse, PostInfraApiArg>({
@@ -649,13 +652,18 @@ export type GetElectricalProfileSetByIdLevelOrderApiArg = {
 };
 export type GetHealthApiResponse = unknown;
 export type GetHealthApiArg = void;
-export type GetInfraApiResponse = /** status 200 The infra list */ {
+export type GetInfraApiResponse = /** status 200 The infras list */ {
   count: number;
   next: any;
   previous: any;
   results?: Infra[];
 };
-export type GetInfraApiArg = void;
+export type GetInfraApiArg = {
+  /** Page number */
+  page?: number;
+  /** Number of elements by page */
+  pageSize?: number;
+};
 export type PostInfraApiResponse = /** status 201 The created infra */ Infra;
 export type PostInfraApiArg = {
   /** Name of the infra to create */