displays train eta

minaorangina · Dec 30, 2016 · 088872c · 088872c
1 parent caef826
commit 088872c
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/js/components/train.jsx b/src/js/components/train.jsx
@@ -1,19 +1,20 @@
 import React from 'react';
 
-export default function Train ({ data }) {
-
-    const destination = 'this will be the destination';
-    const arrivals = data.map((arrival, i) => {
+export default function Train ({ data, destination }) {
+    
+    const arrivals = data.length > 0 && data.map((arrival, i) => {
+        const trainDestination = arrival.destination.location[0].locationName;
         return (
             <div className="arrival-item" key={ i }>
-                { arrival }
+                { `${arrival.std} to ${trainDestination}` }
+                <div className="info">{ arrival.etd }</div>
             </div>
         );
     });
 
     return (
         <div className='card'>
-            <h3>{ `Train: ${destination}` }</h3>
+            <h3>{ `Train: going to ${destination}` }</h3>
             { arrivals }
         </div>
     );