class Account extends Component {
    constructor(props) {
        super(props);

        this.state = {
            item: {
                id: props.match.params.id,
                name: '',
                email: '',
                password: '',
                link: ''
            }
        }

    }

    componentDidMount() {

        console.log(this.state.id)

        // eslint-disable-next-line
        if (this.state.id === -1) {
            return -1
        }

        ApiService.fetchAccountById(this.state.id)
            .then(response => this.setState({
                item: {
                    name: response.data.name,
                    email: response.data.email,
                    password: response.data.password,
                    link: response.data.link
                }
            }))

    }

    render() {

        let acc = this.state.item;

        return (
            <div>
                <h3>Account</h3>
                <div>{acc.id}</div>
                <div>{acc.name}</div>
                <div>{acc.email}</div>
                <div>{acc.password}</div>
                <div>{acc.link}</div>
            </div>
        )
    }
}