make addnewbanner a functional component, relates #154

Author: Brymon

src/components/Cases/Title.js

@@ -5,8 +5,8 @@ import PropTypes from "prop-types";
 
 const CasesPageTitle = props => <h1 id="title">{props.stationName}</h1>;
 
-export default CasesPageTitle;
-
 CasesPageTitle.propTypes = {
   stationName: PropTypes.string
 };
+
+export default CasesPageTitle;

src/components/Pages/AddNew/AddNewBanner.js

@@ -17,18 +17,16 @@ const StyledCase = styled.div`
   border: none;
 `;
 
-export default class AddNewBanner extends React.Component {
-  render() {
-    return (
-      <Link to={`/${this.props.exam}/${this.props.station}/add-case`}>
-        <StyledCase onClick={this.props.submitStation}> Add New</StyledCase>
-      </Link>
-    );
-  }
-}
+const AddNewBanner = props => (
+  <Link to={`/${props.exam}/${props.station}/add-case`}>
+    <StyledCase onClick={props.submitStation}> Add New</StyledCase>
+  </Link>
+);
 
 AddNewBanner.propTypes = {
   exam: PropTypes.string,
   station: PropTypes.string,
   submitStation: PropTypes.func
 };
+
+export default AddNewBanner;