Fix grid sort bug (apache#46182)

astronomer · Jan 28, 2025 · 336089c · 336089c
1 parent 9b38579
commit 336089c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/airflow/ui/src/components/TaskTrySelect.tsx b/airflow/ui/src/components/TaskTrySelect.tsx
@@ -94,8 +94,8 @@ export const TaskTrySelect = ({ onSelectTryNumber, selectedTryNumber, taskInstan
               ) => <StateBadge state={items[0]?.task_instance.state}>{items[0]?.value}</StateBadge>}
             </Select.ValueText>
           </Select.Trigger>
-          <Select.Content>
-            {tryOptions.items.reverse().map((option) => (
+          <Select.Content flexDirection="column-reverse">
+            {tryOptions.items.map((option) => (
               <Select.Item item={option} key={option.value}>
                 <span>
                   {option.value}:

diff --git a/airflow/ui/src/layouts/Details/Grid/Grid.tsx b/airflow/ui/src/layouts/Details/Grid/Grid.tsx
@@ -139,9 +139,11 @@ export const Grid = () => {
               </>
             )}
           </Flex>
-          {runs.reverse().map((dr, index) => (
-            <Bar index={index} key={dr.dag_run_id} limit={limit} max={max} nodes={flatNodes} run={dr} />
-          ))}
+          <Flex flexDirection="row-reverse">
+            {runs.map((dr, index) => (
+              <Bar index={index} key={dr.dag_run_id} limit={limit} max={max} nodes={flatNodes} run={dr} />
+            ))}
+          </Flex>
           <IconButton
             aria-label={`+${OFFSET_CHANGE} newer dag runs`}
             disabled={offset === 0}