ZwaarContrast

// your react component
import * as React from 'react'
import Dropzone from 'react-dropzone'

// apply your own styling and stuff, should probably also show the files when uploaded
const Upload = () => {
  return (<Dropzone data-cy="drag-and-drop">Drag and Drop here</Dropzone>)
}
          
export default Upload

ZwaarContrast

import React, {PropTypes} from 'react';
import styled, {css} from 'styled-components';

const HeadingCSS = styled( Heading )`
    font-weight: 700;
   /* more styling */
`;

const StyledH1 = styled.h1`${ HeadingCSS }`;
const StyledH2 = styled.h2`${ HeadingCSS }`;

ZwaarContrast

import React, { Component } from 'react';
import {Field,reduxForm} from 'redux-form';
import {connect} from 'react-redux';
import * as actions from '../../actions';

class Signin extends Component {
	
	handleSignin({ email, password }){
		// Log values
		console.log('Email', email);

ZwaarContrast

import React, { Component } from 'react';
import {Field,reduxForm} from 'redux-form';
import {connect} from 'react-redux';
import * as actions from '../../actions';

class Signin extends Component {
	
	handleSignin({ email, password }){
		// Log values
		console.log('Email', email);