Elep

import React from 'react'

const index = (props) => {

const start = () => {
        fetch('/test/users/start')
        .then(response => response.json())
        .then(({status}) => {
            if(status === 'OK') props.history.push(`/test/start/1`)
        })
        .catch(error => console.error(error))
        
    }

return (
        <div className="instructions">
            <h1>Instructions</h1>
            <h4>Welcome to the online test for the role of <em>Content Creator and Social Media Manager</em> at Cravvings. A few things to now before you start:</h4>
            <ul>
                <li>To start click on the "Start" button below. You will have 3 days (72 hours) to complete all questions. After 3 days, you will be graded by whatever answers you have submitted.</li>
                <li>To submit answers for grading, click on "Submit Final" at anytime.</li>
                <li>Once submitted you will not be able to change answers so make sure you are satisfied with your answers before submitting.</li>
                <li>Good Luck!</li>
            </ul>

<button className="btn" onClick={start}>Start</button>
        </div>
    )
}

export default index