Skip to content

Commit

Permalink
Merge pull request #5875 from ethib137/LPD-35107
Browse files Browse the repository at this point in the history
LPD-35107 - Update sorting icons for Clay Table
  • Loading branch information
matuzalemsteles authored Oct 14, 2024
2 parents fd4e8da + e37e91b commit e727c9a
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 12 deletions.
20 changes: 9 additions & 11 deletions packages/clay-core/src/table/Cell.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -199,16 +199,6 @@ export const Cell = React.forwardRef<HTMLTableCellElement, Props>(
: undefined
}
className={classNames(className, {
'order-arrow-down-active': isSortable
? sort &&
keyValue === sort.column &&
sort.direction === 'descending'
: undefined,
'order-arrow-up-active': isSortable
? sort &&
keyValue === sort.column &&
sort.direction === 'ascending'
: undefined,
'table-cell-expand': truncate || expanded,
[`table-cell-${delimiter}`]: delimiter,
[`table-column-text-${textAlign}`]: textAlign,
Expand Down Expand Up @@ -269,7 +259,15 @@ export const Cell = React.forwardRef<HTMLTableCellElement, Props>(
className="component-action"
type="button"
>
<Icon symbol="order-arrow" />
<Icon
symbol={
sort && keyValue === sort.column
? sort.direction === 'descending'
? 'order-list-down'
: 'order-list-up'
: 'order-arrow'
}
/>
</button>
</Layout.ContentCol>
</Layout.ContentRow>
Expand Down
2 changes: 1 addition & 1 deletion packages/clay-css/src/scss/_license-text.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/**
* Clay 3.110.0
* Clay 3.119.1
*
* SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
* SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
Expand Down

0 comments on commit e727c9a

Please sign in to comment.