diff --git a/frontend/components/queries/QueriesList/QueriesList.jsx b/frontend/components/queries/QueriesList/QueriesList.jsx index 622f6ca61e..c0e201a113 100644 --- a/frontend/components/queries/QueriesList/QueriesList.jsx +++ b/frontend/components/queries/QueriesList/QueriesList.jsx @@ -76,10 +76,11 @@ class QueriesList extends Component { } render () { + const alphaSort = q => q.name.toLowerCase(); const { checkedQueryIDs, onCheckQuery, onSelectQuery, queries, selectedQuery } = this.props; const { allQueriesChecked } = this.state; const { renderHelpText, handleCheckAll } = this; - + const sortedQueries = sortBy(queries, [alphaSort]); const wrapperClassName = classnames(`${baseClass}__table`, { [`${baseClass}__table--query-selected`]: size(checkedQueryIDs), }); @@ -101,7 +102,7 @@ class QueriesList extends Component {
{renderHelpText()} - {!!queries.length && sortBy(queries, ['name']).map((query) => { + {!!sortedQueries.length && sortedQueries.map((query) => { return (