diff --git a/bikeshop_project/assets/js/bikes/components/BikeForm/index.jsx b/bikeshop_project/assets/js/bikes/components/BikeForm/index.jsx index 100a670..99969e7 100644 --- a/bikeshop_project/assets/js/bikes/components/BikeForm/index.jsx +++ b/bikeshop_project/assets/js/bikes/components/BikeForm/index.jsx @@ -1,8 +1,8 @@ +import React, { PropTypes } from 'react'; import Checkbox from 'material-ui/Checkbox'; import Cookies from 'js-cookie'; import FlatButton from 'material-ui/FlatButton'; import RaisedButton from 'material-ui/RaisedButton'; -import React from 'react'; import TextField from 'material-ui/TextField'; import fetch from 'isomorphic-fetch'; import moment from 'moment-timezone'; @@ -22,6 +22,10 @@ const styles = { }; class BikeForm extends React.Component { + static propTypes = { + bike: PropTypes.object, + editing: PropTypes.bool, + } constructor({ bike, editing = false }) { super(); if (editing) { @@ -117,7 +121,7 @@ class BikeForm extends React.Component { name="make" floatingLabelText="Make" hintText="Norco" - value={this.state.bike.make} + value={this.state.bike.make || undefined} onChange={this.handleChange} fullWidth required @@ -128,7 +132,7 @@ class BikeForm extends React.Component { name="price" floatingLabelText="Price" hintText="35.60" - value={this.state.bike.price} + value={this.state.bike.price || undefined} onChange={this.handleChange} fullWidth /> @@ -138,7 +142,7 @@ class BikeForm extends React.Component { name="colour" floatingLabelText="Colour" hintText="orange" - value={this.state.bike.colour} + value={this.state.bike.colour || undefined} onChange={this.handleChange} fullWidth required @@ -157,7 +161,7 @@ class BikeForm extends React.Component { name="serial_number" floatingLabelText="Serial number" hintText="ab90cd23" - value={this.state.bike.serial_number} + value={this.state.bike.serial_number || undefined} onChange={this.handleChange} fullWidth required @@ -188,10 +192,10 @@ class BikeForm extends React.Component {
diff --git a/bikeshop_project/assets/js/bikes/components/BikeModal/index.jsx b/bikeshop_project/assets/js/bikes/components/BikeModal/index.jsx index ad0e413..26bd788 100644 --- a/bikeshop_project/assets/js/bikes/components/BikeModal/index.jsx +++ b/bikeshop_project/assets/js/bikes/components/BikeModal/index.jsx @@ -9,6 +9,7 @@ import BikeForm from '../BikeForm'; export default class BikeModal extends React.Component { static propTypes = { open: PropTypes.bool, + bike: PropTypes.object, editing: PropTypes.bool, } diff --git a/bikeshop_project/assets/js/bikes/components/BikeTable/index.jsx b/bikeshop_project/assets/js/bikes/components/BikeTable/index.jsx index 5eba1c2..da18bc5 100644 --- a/bikeshop_project/assets/js/bikes/components/BikeTable/index.jsx +++ b/bikeshop_project/assets/js/bikes/components/BikeTable/index.jsx @@ -49,7 +49,6 @@ export default class BikeTable extends React.Component { .then(parseJSON) .then((data) => { this.setState({ bikes: data }); - console.log('request succeeded with JSON response', data); }) .catch((error) => { console.log('request failed', error); diff --git a/bikeshop_project/assets/js/bikes/components/Size/index.jsx b/bikeshop_project/assets/js/bikes/components/Size/index.jsx index d9980ea..cbd3ce1 100644 --- a/bikeshop_project/assets/js/bikes/components/Size/index.jsx +++ b/bikeshop_project/assets/js/bikes/components/Size/index.jsx @@ -48,7 +48,7 @@ const Size = ({ size, onChange }) => { Size.propTypes = { size: PropTypes.string, - onChange: PropTypes.function, + onChange: PropTypes.func, }; export default Size; diff --git a/bikeshop_project/assets/js/bikes/components/Source/index.jsx b/bikeshop_project/assets/js/bikes/components/Source/index.jsx index 7a51baa..5698b17 100644 --- a/bikeshop_project/assets/js/bikes/components/Source/index.jsx +++ b/bikeshop_project/assets/js/bikes/components/Source/index.jsx @@ -38,7 +38,7 @@ const Source = ({ source, onChange }) => { Source.propTypes = { source: PropTypes.string, - onChange: PropTypes.function + onChange: PropTypes.func, }; export default Source;