Updated sort icons in SortingDropdown

This commit is contained in:
Alejandro Celaya 2018-10-30 07:35:35 +01:00
parent 4adf618026
commit 7a63f737ac

View file

@ -3,8 +3,8 @@ import { UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from
import { toPairs } from 'ramda'; import { toPairs } from 'ramda';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import caretUpIcon from '@fortawesome/fontawesome-free-solid/faCaretUp'; import sortAscIcon from '@fortawesome/fontawesome-free-solid/faSortAmountUp';
import caretDownIcon from '@fortawesome/fontawesome-free-solid/faCaretDown'; import sortDescIcon from '@fortawesome/fontawesome-free-solid/faSortAmountDown';
import classNames from 'classnames'; import classNames from 'classnames';
import { determineOrderDir } from '../utils/utils'; import { determineOrderDir } from '../utils/utils';
import './SortingDropdown.scss'; import './SortingDropdown.scss';
@ -47,7 +47,7 @@ const SortingDropdown = ({ items, orderField, orderDir, onChange, isButton, righ
{fieldValue} {fieldValue}
{orderField === fieldKey && ( {orderField === fieldKey && (
<FontAwesomeIcon <FontAwesomeIcon
icon={orderDir === 'ASC' ? caretUpIcon : caretDownIcon} icon={orderDir === 'ASC' ? sortAscIcon : sortDescIcon}
className="sorting-dropdown__sort-icon" className="sorting-dropdown__sort-icon"
/> />
)} )}