czbaker

import React from 'react';
import { reduxForm } from 'redux-form';

// Fields
const fields = ['username', 'email', 'emailAgain', 'password', 'passwordAgain'];

// Validation Function
const validate = values => {

  // Errors object is empty at first.

czbaker

import React, { PropTypes } from 'react';
import { reduxForm } from 'redux-form';

// Fields
const fields = ['username', 'email', 'emailAgain', 'password', 'passwordAgain'];

// Validation Function
const validate = values => {

  // Errors object is empty at first.

czbaker

import React from 'react';
import { browserHistory } from 'react-router';
import { reduxForm } from 'redux-form';

// Fields for form
const fields = ['user', 'password'];

// Generate CSS for each field, based on error existence
let fieldStyle = field => {
  if (field.touched && field.error) {

czbaker

let loginErrors = () => {
  if (store.getState().general.loginError) {
    return (
      <div className="ui error message">
        <div className="header">Login Error:</div>
        {store.getState().general.loginError}
      </div>
    )
  }
}

czbaker

let loginErrors = () => {
  if (store.getState().general.loginError) {
    return (
      <div className="ui error message">
        <div className="header">Login Error:</div>
        {store.getState().general.loginError}
      </div>
    )
  } else {
    return (<div>Blah.</div>)

czbaker

import React from 'react';
import { browserHistory } from 'react-router';
import { reduxForm } from 'redux-form';
import store from '../store.jsx';

// Fields for form
const fields = ['user', 'password'];

// Generate CSS for each field, based on error existence
let fieldStyle = field => {

czbaker

// React, etc.
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';

// Nav component
import NavigationContainer from './navigation/navigation-container.jsx';

// ReactRedux Connection
const mapStateToProps = (state) => {
  return {

czbaker

import React from 'react';
import { reduxForm } from 'redux-form';
import Modal from 'react-modal';
import store from './store.jsx';

const style = {
  overlay: {
    position          : 'fixed',
    top               : 0,
    left              : 0,

czbaker

import React from 'react';
import Paper from 'material-ui/lib/paper';
import Toolbar from 'material-ui/lib/toolbar/toolbar';
import ToolbarGroup from 'material-ui/lib/toolbar/toolbar-group';
import ToolbarSeparator from 'material-ui/lib/toolbar/toolbar-separator';
import ToolbarTitle from 'material-ui/lib/toolbar/toolbar-title';
import FlatButton from 'material-ui/lib/flat-button';

let style = {
  paper: {

czbaker

import Colors from 'material-ui/lib/styles/colors';
import Spacing from 'material-ui/lib/styles/spacing';
import zIndex from 'material-ui/lib/styles/zIndex';
import ColorManipulator from 'material-ui/lib/utils/color-manipulator';

export default {
  spacing: Spacing,
  zIndex: zIndex,
  fontFamily: 'Roboto, sans-serif',
  palette: {