import React, { Component } from 'react';
import AstronomyCard from './AstronomyCard';
import axios from 'axios';

class AstronomyContainer extends Component {

	constructor() {
		super();

		this.state = {
			astronomy: []
		}

	}

	componentDidMount() {
		const API_KEY = 'nxKl8yTvpvsXEqRz06mTPnn29uyckFmFCYrnqEIz';
		const END_POINT = 'https://api.nasa.gov/planetary/apod?api_key='

		axios.get(END_POINT+API_KEY)
			.then(response => {

				this.setState({
					astronomy: response.data
				})

				console.log(this.state.astronomy)

			})
			.catch(error => {
				console.log(error, 'failed to fetch data')
			});
	}

	render() {
		const { astronomy } = this.state;
		return (
			<AstronomyCard data={astronomy} />
		)
	}
}

export default AstronomyContainer;
@@ -496,47 +496,8 @@
 %7D)%0A%0A
-%09%09%09%09console.log(this.state.astronomy)%0A%0A
 %09%09%09%7D

remove empty console.log