diff --git a/src/redux/studio-report.js b/src/redux/studio-report.js index de434f9bc..5e1d99611 100644 --- a/src/redux/studio-report.js +++ b/src/redux/studio-report.js @@ -29,7 +29,7 @@ const Errors = keyMirror({ const getInitialState = () => ({ status: Status.IDLE, - field: Fields.TITLE, + field: null, error: null, isOpen: false }); diff --git a/src/views/studio/studio-report-tile.jsx b/src/views/studio/studio-report-tile.jsx index a3d34febb..45cb247a3 100644 --- a/src/views/studio/studio-report-tile.jsx +++ b/src/views/studio/studio-report-tile.jsx @@ -9,6 +9,8 @@ const StudioReportTile = props => {props.heading} @@ -32,7 +34,9 @@ const StudioReportTile = props => StudioReportTile.propTypes = { heading: PropTypes.string, text: PropTypes.string, - image: PropTypes.string + handleChange: PropTypes.func, + image: PropTypes.string, + value: PropTypes.string }; export default StudioReportTile; diff --git a/src/views/studio/studio-report.jsx b/src/views/studio/studio-report.jsx index 4305d3834..8d8dcbc3e 100644 --- a/src/views/studio/studio-report.jsx +++ b/src/views/studio/studio-report.jsx @@ -34,55 +34,63 @@ const StudioReport = ({ handleOpen, handleClose, handleSubmit -}) => ( -
- {canReport && ( - - )} - {isOpen && ( - - - { + const handleChange = event => handleSetField(event.target.value); + return ( +
+ {canReport && ( + + )} + {isOpen && ( + -

-

-
- - - -

- - - -
- )} -
-); - + + +

+

+
+ + + +

+ + +
+
+ )} +
+ ); +}; StudioReport.propTypes = { canReport: PropTypes.bool, diff --git a/src/views/studio/studio.scss b/src/views/studio/studio.scss index 8972712f9..19d2cc33b 100644 --- a/src/views/studio/studio.scss +++ b/src/views/studio/studio.scss @@ -75,6 +75,10 @@ $radius: 8px; padding: 2rem; } + .button:disabled { + background-color: $active-dark-gray; + } + .studio-report-tile { background: $ui-light-gray; width: 200px;