app/javascript/components/paginate/PageView.jsx in lcms-engine-0.3.1 vs app/javascript/components/paginate/PageView.jsx in lcms-engine-0.4.0

@@ -1,29 +1,41 @@
 // from https://github.com/AdeleD/react-paginate (converted)
 
-import React from 'react'
+import React from 'react';
+import PropTypes from 'prop-types';
 
 // eslint-disable-next-line no-unused-vars
 class PageView extends React.Component {
   render() {
-    const linkClassName = this.props.pageLinkClassName
-    let cssClassName = this.props.pageClassName
+    const linkClassName = this.props.pageLinkClassName;
+    let cssClassName = this.props.pageClassName;
 
     if (this.props.selected) {
-      if (typeof(cssClassName) !== 'undefined') {
-        cssClassName = cssClassName + ' ' + this.props.activeClassName
+      if (typeof cssClassName !== 'undefined') {
+        cssClassName = cssClassName + ' ' + this.props.activeClassName;
       } else {
-        cssClassName = this.props.activeClassName
+        cssClassName = this.props.activeClassName;
       }
     }
 
+    /* eslint-disable jsx-a11y/anchor-is-valid */
     return (
       <li className={cssClassName}>
         <a onClick={this.props.onClick} className={linkClassName}>
           {this.props.page}
         </a>
       </li>
-    )
+    );
+    /* eslint-enable jsx-a11y/anchor-is-valid */
   }
 }
 
-export default PageView
+PageView.propTypes = {
+  pageLinkClassName: PropTypes.string,
+  pageClassName: PropTypes.string,
+  selected: PropTypes.bool,
+  activeClassName: PropTypes.string,
+  onClick: PropTypes.func.isRequired,
+  page: PropTypes.number,
+};
+
+export default PageView;