renderMap(){
    const { lng, lat, zoom } = this.state;
    const map = new mapboxgl.Map({
        container: this.mapContainerLogin.current,
        style: 'mapbox://styles/mapbox/dark-v10',
        center: [lng, lat],
        zoom: zoom,
        bearing: 0
    });
    const geocoder = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            flyTo:{
                bearing: (Math.random() < 0.5 ? -1 : 1)*Math.floor(Math.random() * 20),
                speed: 2,
                curve: 0.75,
                pitch: 60,
                essential: true
                
            },
            mapboxgl: mapboxgl,
            className: "geocoder"
        })
        const geolocator= new mapboxgl.GeolocateControl({
            positionOptions: {
                enableHighAccuracy: false
            },
            trackUserLocation: true,
            className: "geolocator"
        })
    map.addControl(
        geocoder, 'top-left'
        )
    map.addControl(
        geolocator
    )
    let that = this;
    geocoder.on('result', function(e) {

        that.props.setParentState({location: e.result.geometry.coordinates})
   
    })
    geolocator.on('geolocate', function(e){

        that.props.setParentState({location: [e.coords.latitude, e.coords.longitude]}
    })
   
}

router.post('/', 
    passport.authenticate('jwt', { session: false }),
    (req, res) => {
        const { errors, isValid } = validateEventInput(req.body);
        if (!isValid) {
            return res.status(400).json(errors)
        }
        
        const newEvent = new Event({
            user: req.user.id,
            title: req.body.title,
            category: req.body.category,
            date: req.body.date,
            attendees: req.body.attendees,
            hidden: req.body.hidden
        });

        newEvent.save().then(event => res.json(event));
    }
)

router.get('/user/:user_id', (req, res) => {
    
    Event.find({user: req.params.user_id})
        .sort({ date: -1 })
        .then( events => res.json(events))
        .catch( err => {
            res.status(404).json({ eventsnotfound: 'This user has not created an event'})
        })

});