- {queryParamsArr.map(param => (
+ {queryParamsArr.map(({ key, value }) => (
onRemove(param)}
+ onClick={() => onRemove(key, value)}
>
- {param.value}
+ {value}
))}
diff --git a/awx/ui_next/src/components/ListHeader/ListHeader.jsx b/awx/ui_next/src/components/ListHeader/ListHeader.jsx
index 1009de50f2..aca82ad7f1 100644
--- a/awx/ui_next/src/components/ListHeader/ListHeader.jsx
+++ b/awx/ui_next/src/components/ListHeader/ListHeader.jsx
@@ -50,7 +50,7 @@ class ListHeader extends React.Component {
this.pushHistoryState(addParams(qsConfig, search, { [key]: value }));
}
- handleRemove ({ key, value }) {
+ handleRemove (key, value) {
const { history, qsConfig } = this.props;
const { search } = history.location;
this.pushHistoryState(removeParams(qsConfig, search, { [key]: value }));
diff --git a/awx/ui_next/src/components/PaginatedDataList/PaginatedDataList.jsx b/awx/ui_next/src/components/PaginatedDataList/PaginatedDataList.jsx
index 6508e0d6aa..d369598b79 100644
--- a/awx/ui_next/src/components/PaginatedDataList/PaginatedDataList.jsx
+++ b/awx/ui_next/src/components/PaginatedDataList/PaginatedDataList.jsx
@@ -51,7 +51,7 @@ class PaginatedDataList extends React.Component {
render () {
const {
- hasContentError,
+ contentError,
hasContentLoading,
emptyStateControls,
items,
@@ -79,8 +79,8 @@ class PaginatedDataList extends React.Component {
let Content;
if (hasContentLoading && items.length <= 0) {
Content = ();
- } else if (hasContentError) {
- Content = ();
+ } else if (contentError) {
+ Content = ();
} else if (items.length <= 0) {
Content = ();
} else {
@@ -150,12 +150,12 @@ PaginatedDataList.propTypes = {
showPageSizeOptions: PropTypes.bool,
renderToolbar: PropTypes.func,
hasContentLoading: PropTypes.bool,
- hasContentError: PropTypes.bool,
+ contentError: PropTypes.shape(),
};
PaginatedDataList.defaultProps = {
hasContentLoading: false,
- hasContentError: false,
+ contentError: null,
toolbarColumns: [],
itemName: 'item',
itemNamePlural: '',