feat: Pagination component.

client/src/containers/Router/withRouteActions.js

@@ -0,0 +1,31 @@
+import { connect } from 'react-redux';
+
+
+const mapDispatchToProps = (dispatch, props) => {
+  return {
+    addQuery: (key, value) => {
+      let pathname = props.location.pathname;
+      let searchParams = new URLSearchParams(props.location.search);
+
+      searchParams.set(key, value);
+
+      props.history.push({
+        pathname: pathname,
+        search: searchParams.toString(),
+      });
+    },
+
+    removeQuery: (key) => {
+      let pathname = props.location.pathname;
+      let searchParams = new URLSearchParams(props.location.search);
+      // returns the existing query string: '?type=fiction&author=fahid'
+      searchParams.delete(key);
+      props.history.push({
+        pathname: pathname,
+        search: searchParams.toString(),
+      });
+    },
+  }
+}
+
+export default connect(null, mapDispatchToProps)