Fixed: More UI tweaks

frontend/src/Activity/Queue/QueueConnector.js

@@ -164,6 +164,7 @@ class QueueConnector extends Component {
 }
 
 QueueConnector.propTypes = {
+  useCurrentPage: PropTypes.bool.isRequired,
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
   fetchQueue: PropTypes.func.isRequired,
   gotoQueueFirstPage: PropTypes.func.isRequired,

frontend/src/Calendar/CalendarConnector.js

@@ -155,6 +155,7 @@ class CalendarConnector extends Component {
 }
 
 CalendarConnector.propTypes = {
+  useCurrentPage: PropTypes.bool.isRequired,
   time: PropTypes.string,
   view: PropTypes.string.isRequired,
   items: PropTypes.arrayOf(PropTypes.object).isRequired,

frontend/src/Components/Page/PageJumpBar.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import dimensions from 'Styles/Variables/dimensions';
 import Measure from 'Components/Measure';
 import PageJumpBarItem from './PageJumpBarItem';
@@ -8,7 +8,7 @@ import styles from './PageJumpBar.css';
 
 const ITEM_HEIGHT = parseInt(dimensions.jumpBarItemHeight);
 
-class PageJumpBar extends Component {
+class PageJumpBar extends PureComponent {
 
   //
   // Lifecycle
@@ -26,13 +26,6 @@ class PageJumpBar extends Component {
     this.computeVisibleItems();
   }
 
-  shouldComponentUpdate(nextProps, nextState) {
-    return (
-      nextProps.items !== this.props.items ||
-      nextState.height !== this.state.height
-    );
-  }
-
   componentDidUpdate(prevProps, prevState) {
     if (
       prevProps.items !== this.props.items ||

frontend/src/Wanted/CutoffUnmet/CutoffUnmetConnector.js

@@ -162,6 +162,7 @@ class CutoffUnmetConnector extends Component {
 }
 
 CutoffUnmetConnector.propTypes = {
+  useCurrentPage: PropTypes.bool.isRequired,
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
   fetchCutoffUnmet: PropTypes.func.isRequired,
   gotoCutoffUnmetFirstPage: PropTypes.func.isRequired,