upcoming: [M3-7707] - Change AGLB Rule Execution Order Column Header …

…and Values (#10112)

* change `Execution` ➡️ `Execution Order` and use numeric value

* update unit test

* Added changeset: Change ACLB Rule Execution Order Column

---------

Co-authored-by: Banks Nussman <banks@nussman.us>

packages/manager/.changeset/pr-10112-upcoming-features-1706218217394.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Change ACLB Rule Execution Order Column ([#10112](https://github.com/linode/manager/pull/10112))

packages/manager/src/features/LoadBalancers/LoadBalancerDetail/RuleRow.tsx

@@ -30,15 +30,6 @@ interface RuleRowProps {
   totalRules: number;
 }
 
-const getExecutionLabel = (index: number, total: number) => {
-  if (index === 0) {
-    return 'First';
-  } else if (index === total - 1) {
-    return 'Last';
-  }
-  return index + 1;
-};
-
 export const RuleRow = (props: RuleRowProps) => {
   const {
     index,
@@ -77,7 +68,7 @@ export const RuleRow = (props: RuleRowProps) => {
               }}
             >
               <StyledDragIndicator aria-label="Drag indicator icon" />
-              {getExecutionLabel(index, totalRules)}
+              {index + 1}
             </Box>
             <Box
               sx={{

packages/manager/src/features/LoadBalancers/LoadBalancerDetail/RulesTable.test.tsx

@@ -30,7 +30,7 @@ describe('RulesTable', () => {
         route={mockRoute}
       />
     );
-    expect(getByText('Execution')).toBeInTheDocument();
+    expect(getByText('Execution Order')).toBeInTheDocument();
     expect(getByText('Match Value')).toBeInTheDocument();
   });
 
@@ -56,7 +56,7 @@ describe('RulesTable', () => {
       />
     );
 
-    expect(getByText('First')).toBeInTheDocument();
+    expect(getByText('1')).toBeInTheDocument();
     expect(getByText('/images/*')).toBeInTheDocument();
   });
 });

packages/manager/src/features/LoadBalancers/LoadBalancerDetail/RulesTable.tsx

@@ -93,7 +93,7 @@ export const RulesTable = (props: Props) => {
               width: xsDown ? '50%' : '15%',
             }}
           >
-            Execution
+            Execution Order
           </Box>
           <Box sx={{ ...sxItemSpacing, width: xsDown ? '45%' : '20%' }}>
             Match Value