From c145031c74f5a4557828408bf64c9d9628152f00 Mon Sep 17 00:00:00 2001 From: Johan Persson Date: Fri, 21 Nov 2025 16:01:42 +0100 Subject: [PATCH] fix(ui): correct Column sorting indicator direction Fixed the Table Column sorting indicator to show an up arrow when no sorting is active, correctly indicating that clicking will sort ascending. Previously, the down arrow was shown by default, which was misleading. Signed-off-by: Johan Persson --- .changeset/twenty-ducks-relate.md | 7 +++++++ packages/ui/src/components/Table/components/Column.tsx | 6 +++--- 2 files changed, 10 insertions(+), 3 deletions(-) create mode 100644 .changeset/twenty-ducks-relate.md diff --git a/.changeset/twenty-ducks-relate.md b/.changeset/twenty-ducks-relate.md new file mode 100644 index 0000000000..359eda66f3 --- /dev/null +++ b/.changeset/twenty-ducks-relate.md @@ -0,0 +1,7 @@ +--- +'@backstage/ui': patch +--- + +Fixed Table column sorting indicator to show up arrow when no sort is active, correctly indicating that clicking will sort ascending. + +Affected components: Column diff --git a/packages/ui/src/components/Table/components/Column.tsx b/packages/ui/src/components/Table/components/Column.tsx index f534da565a..78c45f6a3c 100644 --- a/packages/ui/src/components/Table/components/Column.tsx +++ b/packages/ui/src/components/Table/components/Column.tsx @@ -48,10 +48,10 @@ export const Column = (props: ColumnProps) => { styles[classNames.headSortButton], )} > - {sortDirection === 'ascending' ? ( - - ) : ( + {sortDirection === 'descending' ? ( + ) : ( + )} )}