and IDs to approve/reject buttons

IBM-Cloud/logistics-wizard#245
IBM-Cloud · Mar 7, 2017 · 94ff0f7 · 94ff0f7
1 parent 3f57172
commit 94ff0f7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/routes/Dashboard/components/Map/PopUpCard/StormCard/StormCard.jsx b/src/routes/Dashboard/components/Map/PopUpCard/StormCard/StormCard.jsx
@@ -44,19 +44,21 @@ export const StormCard = (props) => {
           Potential supply shortages due to weather.
           Consider sending additional supplies to affected locations.
 
-        {recommendations.map(recommendation =>
+        {recommendations.map((recommendation, index) =>
           <div className={classes.shipmentDialog} key={recommendation._id}>
             <div className={classes.shipmentTitle}>
               Shipment from {props.idToNameResolver.resolve('distributionCenter', recommendation.fromId)} to {props.idToNameResolver.resolve('retailer', recommendation.toId)}
             </div>
             <div className={classes.shipmentDialogActionContainer}>
               <div
+                id={`reject-${index}`}
                 className={classes.shipmentDialogAction}
                 onClick={() => handleRecommendation(recommendation._id, false)}
               >
                 Reject
               </div>
               <div
+                id={`approve-${index}`}
                 className={classes.shipmentDialogAction}
                 onClick={() => handleRecommendation(recommendation._id, true)}
               >