Source: FieldMeasurements.js

import React from 'react';
import Cookies from 'universal-cookie';
import getTranslation from '../../i18n/'

/** Initialize the cookies to get the token for authorization */
const cookies = new Cookies();
let token = cookies.get('token');

class FieldMeasurements extends React.Component {

    constructor(props) {
        super(props)
    }

    updateFieldmeasurements(area, token) {
        this.props.updateFieldmeasurements(area, token)
    }

    render() {
        return(
            <table>
                <tbody>
                    {this.props.pilotareas.map(area =>
                        <tr>
                            <td>{getTranslation(area.name)}</td>
                            <td><button className="btn btn-green" onClick={() => this.updateFieldmeasurements(area.id, token)}>Update field measurements</button></td>
                        </tr>
                    )}
                </tbody>
            </table>
        )
    }
}


export default FieldMeasurements;