Fixed: Overwriting query params for remove item handler (#7075)

(cherry picked from commit eb2fd1350904cdcc8e7d56147111da40a5df8a11)

frontend/src/Components/Link/Button.js

@@ -0,0 +1,54 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { align, kinds, sizes } from 'Helpers/Props';
+import Link from './Link';
+import styles from './Button.css';
+
+class Button extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      className,
+      buttonGroupPosition,
+      kind,
+      size,
+      children,
+      ...otherProps
+    } = this.props;
+
+    return (
+      <Link
+        className={classNames(
+          className,
+          styles[kind],
+          styles[size],
+          buttonGroupPosition && styles[buttonGroupPosition]
+        )}
+        {...otherProps}
+      >
+        {children}
+      </Link>
+    );
+  }
+
+}
+
+Button.propTypes = {
+  className: PropTypes.string.isRequired,
+  buttonGroupPosition: PropTypes.oneOf(align.all),
+  kind: PropTypes.oneOf(kinds.all),
+  size: PropTypes.oneOf(sizes.all),
+  children: PropTypes.node
+};
+
+Button.defaultProps = {
+  className: styles.button,
+  kind: kinds.DEFAULT,
+  size: sizes.MEDIUM
+};
+
+export default Button;

frontend/src/Components/Link/Button.tsx

@@ -1,35 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import { align, kinds, sizes } from 'Helpers/Props';
-import Link, { LinkProps } from './Link';
-import styles from './Button.css';
-
-export interface ButtonProps extends Omit<LinkProps, 'children' | 'size'> {
-  buttonGroupPosition?: Extract<
-    (typeof align.all)[number],
-    keyof typeof styles
-  >;
-  kind?: Extract<(typeof kinds.all)[number], keyof typeof styles>;
-  size?: Extract<(typeof sizes.all)[number], keyof typeof styles>;
-  children: Required<LinkProps['children']>;
-}
-
-export default function Button({
-  className = styles.button,
-  buttonGroupPosition,
-  kind = kinds.DEFAULT,
-  size = sizes.MEDIUM,
-  ...otherProps
-}: ButtonProps) {
-  return (
-    <Link
-      className={classNames(
-        className,
-        styles[kind],
-        styles[size],
-        buttonGroupPosition && styles[buttonGroupPosition]
-      )}
-      {...otherProps}
-    />
-  );
-}

frontend/src/Store/Actions/Creators/createRemoveItemHandler.js

@@ -7,7 +7,7 @@ function createRemoveItemHandler(section, url) {
   return function(getState, payload, dispatch) {
     const {
       id,
-      ...queryParams
+      queryParams
     } = payload;
 
     dispatch(set({ section, isDeleting: true }));