[DOP-20067] run list and run detail (#41)

* [DOP-20067] run list and run detail

* [DOP-20067] move RunStatus enum from types to constants

---------

Co-authored-by: Zabilsya <[email protected]>

Author: Zabilsya

src/app/config/router/instance.tsx

@@ -8,6 +8,7 @@ import { AuthProvider } from '@entities/auth';
 import { CreateQueuePage, QueueDetailPage, QueueListPage, UpdateQueuePage } from '@pages/queue';
 import { ConnectionDetailPage, ConnectionListPage } from '@pages/connection';
 import { TransferDetailPage, TransferListPage } from '@pages/transfer';
+import { RunDetailPage } from '@pages/run';
 
 import { ErrorBoundary, NotFoundError } from '../errorBoundary';
 
@@ -95,6 +96,10 @@ export const router = createBrowserRouter([
             path: '/transfers/:id',
             element: <TransferDetailPage />,
           },
+          {
+            path: '/transfers/runs/:id',
+            element: <RunDetailPage />,
+          },
         ],
       },
       {

src/entities/group/api/groupService.ts

@@ -9,6 +9,7 @@ import {
   GetGroupsRequest,
   GetGroupUsersRequest,
   Group,
+  GroupData,
   GroupUser,
   UpdateGroupRequest,
   UpdateGroupUserRequest,
@@ -23,11 +24,11 @@ export const groupService = {
     return axiosInstance.get(`groups/${id}`);
   },
 
-  createGroup: (data: CreateGroupRequest): Promise<Group> => {
+  createGroup: (data: CreateGroupRequest): Promise<GroupData> => {
     return axiosInstance.post(`groups`, data);
   },
 
-  updateGroup: ({ id, ...data }: UpdateGroupRequest): Promise<Group> => {
+  updateGroup: ({ id, ...data }: UpdateGroupRequest): Promise<GroupData> => {
     return axiosInstance.patch(`groups/${id}`, data);
   },
 

src/entities/run/api/constants.ts

@@ -0,0 +1,8 @@
+export enum RunStatus {
+  CREATED = 'CREATED',
+  STARTED = 'STARTED',
+  FAILED = 'FAILED',
+  SEND_STOP_SIGNAL = 'SEND STOP SIGNAL',
+  STOPPED = 'STOPPED',
+  FINISHED = 'FINISHED',
+}

src/entities/run/api/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useGetRun';

src/entities/run/api/hooks/useGetRun/index.ts

@@ -0,0 +1,13 @@
+import { useSuspenseQuery, UseSuspenseQueryResult } from '@tanstack/react-query';
+
+import { GetRunRequest, Run } from '../../types';
+import { RunQueryKey } from '../../keys';
+import { runService } from '../../runService';
+
+/** Hook for getting run info from backend */
+export const useGetRun = ({ id }: GetRunRequest): UseSuspenseQueryResult<Run> => {
+  return useSuspenseQuery({
+    queryKey: [RunQueryKey.GET_RUN, id],
+    queryFn: () => runService.getRun({ id }),
+  });
+};

src/entities/run/api/index.ts

@@ -0,0 +1,5 @@
+export * from './runService';
+export * from './types';
+export * from './keys';
+export * from './hooks';
+export * from './constants';

src/entities/run/api/keys/index.ts

@@ -0,0 +1,4 @@
+export const RunQueryKey = {
+  GET_RUNS: 'GET_RUNS',
+  GET_RUN: 'GET_RUN',
+} as const;

src/entities/run/api/runService.ts

@@ -0,0 +1,14 @@
+import { axiosInstance } from '@shared/config';
+import { PaginationResponse } from '@shared/types';
+
+import { GetRunRequest, Run, GetRunsRequest } from './types';
+
+export const runService = {
+  getRuns: (params: GetRunsRequest): Promise<PaginationResponse<Run>> => {
+    return axiosInstance.get('runs', { params });
+  },
+
+  getRun: ({ id }: GetRunRequest): Promise<Run> => {
+    return axiosInstance.get(`runs/${id}`);
+  },
+};

src/entities/run/api/types.ts

@@ -0,0 +1,20 @@
+import { PaginationRequest } from '@shared/types';
+
+import { RunStatus } from './constants';
+
+export interface Run {
+  id: number;
+  transfer_id: number;
+  started_at: string | null;
+  ended_at: string | null;
+  status: keyof typeof RunStatus;
+  log_url: string | null;
+}
+
+export interface GetRunsRequest extends PaginationRequest {
+  transfer_id: number;
+}
+
+export interface GetRunRequest {
+  id: number;
+}

src/entities/run/index.ts

@@ -0,0 +1,2 @@
+export * from './api';
+export * from './ui';