# * Redux thunk

const wabi = '29' + 'years old'; // '29years old'

const wabi = () => '29' + 'years old';

wabi(); //'29years old'

const highlight = (flag) => ({
    type:'HIGHLIGHT',
    flag
})

const insertJSON = (json) => ({
    type:'INSERTJSON',
    json
})

const insertValue = (selKey,entryInfo,val,rerender) => ({
    type:'INSERTVALUE',
    selKey,entryInfo,val,rerender
})

const highlight = (flag) => ({
    type:'HIGHLIGHT',
    flag
})
const highlightAsync = () => {
    return dispatch => { // dispatch 파라미터를 가진 함수 반환
        setTimeout(() => {
            dispatch(highlight(true));
        }, 1000);
    }
}
//1초 뒤 하이라이트 flag가 true로 상태값이 변경되는 함수를 반환한다.

const highlight = (flag) => ({
    type:'HIGHLIGHT',
    flag
})
const highlightAsync = () => {
    return (dispatch,getState) => { // dispatch, getState 파라미터를 가진 함수 반환
        const { highlight } = getState();
        setTimeout(() => {
            dispatch(highlight(!highlight));
        }, 1000);
    }
}

const highlight = (flag) => ({
    type:'HIGHLIGHT',
    flag
})
const highlightAsync = () => {
    return (dispatch,getState) => { // dispatch, getState 파라미터를 가진 함수 반환
        const { highlight } = getState();
        if(!highlight) return;
        //하이라이트가 false 일 경우, 중단
        setTimeout(() => {
            dispatch(highlight(highlight));
        }, 1000);
    }
}

//액션 타입 정의
const API_REQUEST = "API_REQUEST";
const API_SUCCESS = "API_SUCCESS";
const API_FAILURE = "API_FAILURE";

//액션 생성자
const asyncRequest = () => ({
  type: API_REQUEST
})

const asyncSuccess = (data) => ({
  type:API_SUCCESS,
  data
})

const asyncFailure = (error) => ({
  type: API_FAILURE,
  error
})

//웹 통신 액션 생성자 내부 들어갈 promise 반환 함수 'callAPI'
const callAPI = (data) => {
  const promise = fetch({...data
    //data 매개변수에 api 통신을 위한 fetch함수에 사용될 변수 삽입.
  });
  return promise.then(response => response.json())
}

//웹 통신 액션
const dispatchAsyncAct = data => (dispatch,getState) =>{
  dispatch(asyncRequest);
  callAPI(data)
    .then(json => dispatch(asyncSuccess(json))
    .catch(error => dispatch(asyncFailure(error))
}