import axios from "axios";

// axios 새로운 인스턴스 만들기
const api = axios.create({
  baseURL: "https://api.unsplash.com/",
  params: {
    client_id: process.env.REACT_APP_UNSPLASH_KEY
  }
});

// get 요청 날리기
export const getDogImageApi = () =>
  api.get("search/photos", {
    params: {
      query: "dog",
      page: Math.floor(Math.random() * 100)
    }
  });

export default api;

async function getData() {
  try {
    const {
      data: { results: apiResult }
    } = await getDogImageApi();
    const imagesURL = apiResult.map(item => item.urls.small);
    setImgUrlList(imagesURL);
  } catch (error) {
    console.log("failed");
  }
}

useEffect(() => {
  getData();
}, []);