import KStadiumInstance from 'apis/axiosInstance';

import {
  RetrieveDelegation,
  RetrieveDelegationStatusRes,
  RetrieveMyReward,
  RetrieveMyRewardStatusRes,
} from './types';

const SUB_URI = `/fo/so/user`;

export const retrieveDelegation: RetrieveDelegation = ({ address, orgId }) => {
  return KStadiumInstance.get<RetrieveDelegationStatusRes>(
    `${SUB_URI}/myDelegate?address=${address}&orgId=${orgId}`,
  ).then((res) => {
// 잘못된 부분을 찾기 위해서는 api response를 내뱉는 부분에서 console.log를 찍어보기.
    console.log(res, `res`);
    return res.data.data;
  });
};

export const retrieveMyReward: RetrieveMyReward = ({ address, orgId }) =>
  KStadiumInstance.get<RetrieveMyRewardStatusRes>(
    `${SUB_URI}/myReward?address=${address}&orgId=${orgId}`,
  ).then((res) => res.data);

→ 여기서 내가 쓸 데이터 타입 {} 속에 있는 data!

따라서 res.data.data로 리턴값을 변경한다. 그런데 그렇게 하면 data에 빨간 줄이 뜨는 것을 확인할 수 있다.

이는 내가 어디에선가 타입 정의를 잘 못 했다는 것!

get<RetrieveDelegationStatusRes>이 잘못된 것을 확인할 수 있다.

이런식으로 잘못된 부분을 찾기 위해서는 api response를 내뱉는 부분에서 console.log()을 찍으면서 찾아간다!