tweak: use index for key in detour direction list

mbta · Oct 21, 2024 · 28e14e1 · 28e14e1
1 parent eb472d6
commit 28e14e1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/assets/src/components/detours/detourPanels/activeDetourPanel.tsx b/assets/src/components/detours/detourPanels/activeDetourPanel.tsx
@@ -83,8 +83,8 @@ export const ActiveDetourPanel = ({
             <h2 className="c-diversion-panel__h2">Detour Directions</h2>
             {directions ? (
               <ListGroup as="ol">
-                {directions.map((d) => (
-                  <ListGroup.Item key={d.instruction} as="li">
+                {directions.map((d, i) => (
+                  <ListGroup.Item key={i} as="li">
                     {d.instruction == "Regular Route" ? (
                       <strong className="fw-medium">{d.instruction}</strong>
                     ) : (

diff --git a/assets/src/components/detours/detourPanels/drawDetourPanel.tsx b/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
@@ -58,8 +58,8 @@ export const DrawDetourPanel = ({
           <h2 className="c-diversion-panel__h2">Detour Directions</h2>
           {directions ? (
             <ListGroup as="ol">
-              {directions.map((d) => (
-                <ListGroup.Item key={d.instruction} as="li">
+              {directions.map((d, i) => (
+                <ListGroup.Item key={i} as="li">
                   {d.instruction == "Regular Route" ? (
                     <strong className="fw-medium">{d.instruction}</strong>
                   ) : (

diff --git a/assets/src/components/detours/detourPanels/pastDetourPanel.tsx b/assets/src/components/detours/detourPanels/pastDetourPanel.tsx
@@ -67,8 +67,8 @@ export const PastDetourPanel = ({
           <h2 className="c-diversion-panel__h2">Detour Directions</h2>
           {directions ? (
             <ListGroup as="ol">
-              {directions.map((d) => (
-                <ListGroup.Item key={d.instruction} as="li">
+              {directions.map((d, i) => (
+                <ListGroup.Item key={i} as="li">
                   {d.instruction == "Regular Route" ? (
                     <strong className="fw-medium">{d.instruction}</strong>
                   ) : (