This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 }`; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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 |