Merge pull request #88 from zenml-io/pagination-integration

Pagination integration

Author: danialraza03

src/api/organizations/getMembersApi.ts

@@ -4,12 +4,15 @@ import { httpMethods } from '../constants';
 import { apiUrl } from '../apiUrl';
 
 const getMembersApi = ({
+  name,
   authenticationToken,
 }: {
+  name?: string;
   authenticationToken: string;
 }): Promise<TMember[]> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.organizations.members),
+    params: { name, size: 5 },
     method: httpMethods.get,
     authenticationToken,
   });

src/api/pipelines/getAllRunsByPipelineIdApi.ts

@@ -6,19 +6,23 @@ import { apiUrl } from '../apiUrl';
 const getAllRunsByPipelineIdApi = ({
   authenticationToken,
   pipelineId,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
 }: {
   authenticationToken: string;
+  sort_by: string;
+  logical_operator: string;
   pipelineId: TId;
   page: number;
   size: number;
   filtersParam?: any;
 }): Promise<TOrganization> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.runs.pipeline.get(pipelineId)),
-    params: { page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
+    params: { sort_by, logical_operator, page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
     method: httpMethods.get,
     authenticationToken,
   });

src/api/pipelines/getMyPipelinesApi.ts

@@ -6,10 +6,14 @@ import { apiUrl } from '../apiUrl';
 const getMyPipelinesApi = ({
   authenticationToken,
   project,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
 }: {
+  sort_by: string;
+  logical_operator: string;
   page: number;
   size: number;
   name?: string;
@@ -19,7 +23,7 @@ const getMyPipelinesApi = ({
 }): Promise<TPipeline> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.pipelines.my(project)),
-    params: { page, size, ...filtersParam },
+    params: { sort_by, logical_operator, page, size, ...filtersParam },
     method: httpMethods.get,
     authenticationToken,
   });

src/api/runs/getAllRunsApi.ts

@@ -5,11 +5,15 @@ import { apiUrl } from '../apiUrl';
 
 const getAllRunsApi = ({
   project,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
   authenticationToken,
 }: {
+  sort_by: string;
+  logical_operator: string;
   page: number;
   size: number;
   authenticationToken: string;
@@ -18,7 +22,7 @@ const getAllRunsApi = ({
 }): Promise<TOrganization> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.runs.all(project)),
-    params: { page, size, ...filtersParam },
+    params: { sort_by, logical_operator, page, size, ...filtersParam },
     method: httpMethods.get,
     authenticationToken,
   });

src/api/stackComponents/getAllRunsByStackComponentIdApi.ts

@@ -6,10 +6,14 @@ import { apiUrl } from '../apiUrl';
 const getAllRunsByStackComponentIdApi = ({
   authenticationToken,
   stackComponentId,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
 }: {
+  sort_by: string;
+  logical_operator: string;
   page: number;
   size: number;
   filtersParam?: any;
@@ -18,7 +22,7 @@ const getAllRunsByStackComponentIdApi = ({
 }): Promise<TOrganization> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.runs.stackComponent.get(stackComponentId)),
-    params: { page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
+    params: { sort_by, logical_operator, page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
     method: httpMethods.get,
     authenticationToken,
   });

src/api/stackComponents/getStackComponentListApi.ts

@@ -5,6 +5,8 @@ import { apiUrl } from '../apiUrl';
 
 const getMyStackComponentsApi = ({
   authenticationToken,
+  sort_by,
+  logical_operator,
   page,
   size,
   type,
@@ -13,14 +15,16 @@ const getMyStackComponentsApi = ({
 }: {
   project: string;
   authenticationToken: string;
+  sort_by: string;
+  logical_operator: string;
   type: string;
   filtersParam?: object;
   page: number;
   size: number;
 }): Promise<TStack> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.StackComponents.my(type, project)),
-    params: { page, size, ...filtersParam },
+    params: { sort_by, logical_operator, page, size, ...filtersParam },
     method: httpMethods.get,
     authenticationToken,
   });

src/api/stacks/getAllRunsByStackIdApi.ts

@@ -6,10 +6,14 @@ import { apiUrl } from '../apiUrl';
 const getAllRunsByStackIdApi = ({
   authenticationToken,
   stackId,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
 }: {
+  sort_by: string;
+  logical_operator: string;
   page: number;
   size: number;
   filtersParam?: any;
@@ -18,7 +22,7 @@ const getAllRunsByStackIdApi = ({
 }): Promise<TOrganization> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.runs.stack.get(stackId)),
-    params: { page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
+    params: { sort_by, logical_operator, page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
     method: httpMethods.get,
     authenticationToken,
   });

src/api/stacks/getMyStacksApi.ts

@@ -5,20 +5,24 @@ import { apiUrl } from '../apiUrl';
 
 const getMyStacksApi = ({
   project,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
   authenticationToken,
 }: {
   project: string;
+  sort_by: string;
+  logical_operator: string;
   page: number;
   size: number;
   filtersParam?: object;
   authenticationToken: string;
 }): Promise<TStack> =>
   fetchApiWithAuthRequest({
     url: apiUrl(endpoints.Stacks.my(project)),
-    params: { page, size, ...filtersParam },
+    params: { sort_by, logical_operator, page, size, ...filtersParam },
     method: httpMethods.get,
     authenticationToken,
   });

src/redux/actions/organizations/getMembersAction.ts

@@ -2,9 +2,11 @@ import { organizationActionTypes } from '../../actionTypes';
 import getMembersApi from '../../../api/organizations/getMembersApi';
 
 export const getMembersAction = ({
+  name,
   onSuccess,
   onFailure,
 }: {
+  name?: string;
   onSuccess?: () => void;
   onFailure?: (err: any) => void;
 }): TRequestAction => ({
@@ -14,6 +16,7 @@ export const getMembersAction = ({
     isAuthenticated: true,
     failureActionType: organizationActionTypes.getMembers.failure,
     successActionType: organizationActionTypes.getMembers.success,
+    params: { name },
     onSuccess,
     onFailure,
   },

src/redux/actions/pipelines/getAllRunsByPipelineId.ts

@@ -3,12 +3,16 @@ import getAllRunsByPipelineIdApi from '../../../api/pipelines/getAllRunsByPipeli
 
 export const getAllRunsByPipelineId = ({
   pipelineId,
+  sort_by,
+  logical_operator,
   page,
   size,
   filtersParam,
   onSuccess,
   onFailure,
 }: {
+  sort_by: string;
+  logical_operator: string;
   pipelineId: TId;
   page: number;
   size: number;
@@ -23,7 +27,14 @@ export const getAllRunsByPipelineId = ({
       isAuthenticated: true,
       failureActionType: pipelineActionTypes.getRunsByPipelineId.failure,
       successActionType: pipelineActionTypes.getRunsByPipelineId.success,
-      params: { pipelineId, page, size, filtersParam },
+      params: {
+        pipelineId,
+        sort_by,
+        logical_operator,
+        page,
+        size,
+        filtersParam,
+      },
       onSuccess,
       onFailure,
     },