From 2feb921a26f0fab90848b4222c446052da29de8d Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Fri, 7 Nov 2025 09:48:05 +0100
Subject: [PATCH] chore: disable "sortable" column headers for change requests
 table (#10936)

Makes all columns in the change requests table unsortable. The API
doesn't support sorting yet and it's not entirely clear that we want it
at the moment. As such, make it so that the column headers aren't
interactable to make it less misleading.
---
 .../component/changeRequest/ChangeRequests/ChangeRequests.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
index 7eeebcf677..d0d41580b5 100644
--- a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
@@ -85,6 +85,7 @@ const ChangeRequestsInner = ({ user }: { user: IUser }) => {
                 header: 'Title',
                 meta: { width: '35%' },
                 cell: GlobalChangeRequestTitleCell,
+                enableSorting: false,
             }),
             columnHelper.accessor('features', {
                 header: 'Updated feature flags',
@@ -117,11 +118,13 @@ const ChangeRequestsInner = ({ user }: { user: IUser }) => {
             columnHelper.accessor('createdAt', {
                 header: 'Submitted',
                 meta: { width: '5%' },
+                enableSorting: false,
                 cell: ({ getValue }) => <TimeAgoCell value={getValue()} />,
             }),
             columnHelper.accessor('environment', {
                 header: 'Environment',
                 meta: { width: '10%' },
+                enableSorting: false,
                 cell: ({ getValue }) => (
                     <HighlightCell maxTitleLines={1} value={getValue()} />
                 ),
@@ -129,6 +132,7 @@ const ChangeRequestsInner = ({ user }: { user: IUser }) => {
             columnHelper.accessor('state', {
                 header: 'Status',
                 meta: { width: '10%' },
+                enableSorting: false,
                 cell: ({ getValue, row }) => (
                     <ChangeRequestStatusCell value={getValue()} row={row} />
                 ),