X-Git-Url: https://osm.etsi.org/gitweb/?p=osm%2FUI.git;a=blobdiff_plain;f=skyquake%2Fplugins%2Flaunchpad%2Fsrc%2FrecordViewer%2FrecordCard.jsx;h=ddb4779ddf4329cf9f212dd66b093371ef5803e2;hp=f9a400b8676fca2ae7c33513763b3ad56751f6a1;hb=a167f88c7e729d494ed2e27670cdf575795a21d1;hpb=2c5361c0ba72f4efaa61f6b2e073ca098215fa0d

diff --git a/skyquake/plugins/launchpad/src/recordViewer/recordCard.jsx b/skyquake/plugins/launchpad/src/recordViewer/recordCard.jsx
index f9a400b86..ddb4779dd 100644
--- a/skyquake/plugins/launchpad/src/recordViewer/recordCard.jsx
+++ b/skyquake/plugins/launchpad/src/recordViewer/recordCard.jsx
@@ -143,10 +143,12 @@ export default class RecordCard extends React.Component {
                 function buildProperties(obj) {
                   let p = [];
                     _forEach(obj, function(v, k) {
+                      if (!v) {
+                        return null;
+                      }
                     p.push(
                       <div style={{margin: '0.5rem 0.5rem'}} key={k + '-' + vi}>
-                        <div style={{margin: '0 0.5rem',
-    fontWeight: 'bold', textTransform: 'uppercase', color: '#5b5b5b'}}>{k}</div>
+                        <div style={{margin: '0 0.5rem', fontWeight: 'bold', textTransform: 'uppercase', color: '#5b5b5b'}}>{k}</div>
                         <div style={{margin: '0 0.5rem'}}>{(v.constructor.name == 'String' || v.constructor.name == 'Number') ? v : buildProperties(v)}</div>
                       </div>
                     )
@@ -154,9 +156,9 @@ export default class RecordCard extends React.Component {
                     return p;
                  }
                 volumesHTML.push(
-                    <div key={vi}>
+                    <div key={index + vi}>
                       <div className="launchpadCard_title">
-                        VOLUME
+                        VOLUME ({vdur['name']})
                       </div>
                       <div style={{display: 'flex', flexDirection: 'column'}}>
                       {