비행 이력 상세 로그 페이징 작업중

src/containers/analysis/history/AnalysisHistoryDetailContainer.js

@@ -21,6 +21,7 @@ export const AnalysisHistoryDetailContainer = () => {
 
   const handlerSearch = () => {
     dispatch(Actions.detail.request(id));
+    dispatch(Actions.log.request({ id, page: 1 }));
   };
 
   const handlerInput = (type, val) => {

src/modules/analysis/history/actions/analysisHistoryAction.ts

@@ -32,7 +32,7 @@ export const list = createAsyncAction(LIST_REQUEST, LIST_SUCCESS, LIST_FAILURE)<
 >();
 
 export const log = createAsyncAction(LOG_REQUEST, LOG_SUCCESS, LOG_FAILURE)<
-  string,
+  { id: string; page: number },
   { log: AnalysisHistoryLogData[] },
   AxiosError
 >();

src/modules/analysis/history/apis/annalysisHistoryApi.ts

@@ -17,8 +17,8 @@ export const analysisHistory = {
     return await axios.get(`/api/anls/hstry/detail/${id}`);
   },
 
-  log: async (id: string) => {
-    return await axios.get(`/api/anls/hstry/log/${id}`);
+  log: async (id: string, page: number) => {
+    return await axios.get(`/api/anls/hstry/log?id=${id}&page=${page}`);
   }
   // getHistory: async (id: string) => {
   //   if (!id) {

src/modules/analysis/history/models/analysisHitoryModel.ts

@@ -8,6 +8,7 @@ export interface AnalysisHistoryState {
   arrElev: number[] | undefined;
   page: number | 1;
   total: number | 0;
+  id: string | undefined;
 }
 
 export interface AnalysisHistoryDetailState {
@@ -77,5 +78,6 @@ export const initResponseAnalysisHistoryData = {
   arrSpeed: undefined,
   arrElev: undefined,
   page: 1,
-  total: 0
+  total: 0,
+  id: undefined
 };

src/modules/analysis/history/sagas/analysisHistorySaga.ts

@@ -37,7 +37,7 @@ function* detailSaga(action: ActionType<typeof Actions.detail.request>) {
   try {
     const id = action.payload;
     const res = yield call(Apis.analysisHistory.detail, id);
-    yield put(Actions.log.request(id));
+
     const { data } = res;
     yield put(
       Actions.detail.success({
@@ -51,8 +51,8 @@ function* detailSaga(action: ActionType<typeof Actions.detail.request>) {
 
 function* logSaga(action: ActionType<typeof Actions.log.request>) {
   try {
-    const id = action.payload;
-    const res = yield call(Apis.analysisHistory.log, id);
+    const { id, page } = action.payload;
+    const res = yield call(Apis.analysisHistory.log, id, page);
     const { data } = res;
 
     yield put(