MIDRC-550 Replace nested empty values with 'null' in explorer display (#1468)

Author: paulineribeyre

src/GuppyDataExplorer/ExplorerTable/index.jsx

@@ -76,7 +76,13 @@ class ExplorerTable extends React.Component {
           const nestedChildFieldName = fieldStringsArray.slice(1, fieldStringsArray.length).join('.');
           // some logic to handle depends on wether the child field in raw data is an array or not
           if (_.isArray(row.value)) {
-            valueStr = row.value.map((x) => _.get(x, nestedChildFieldName)).join(', ');
+            valueStr = row.value.map((x) => {
+              let val = _.get(x, nestedChildFieldName);
+              // replace empty, null and undefined nested values with explicit "null" strings
+              // so that we can still display 1 value per nested row
+              if (val == null || val === '') val = 'null';
+              return val;
+            }).join(', ');
           } else {
             valueStr = _.get(row.value, nestedChildFieldName);
           }

src/Workspace/index.jsx

@@ -323,7 +323,7 @@ class Workspace extends React.Component {
           this.checkWorkspaceStatus();
           break;
         default:
-          message.error('There is an error when trying to launch your workspace');
+          message.error('There was an error when trying to launch your workspace');
           this.setState({
             workspaceID: null,
             workspaceLaunchStepsConfig: null,