Tested upgrade + small UI bugfix

.travis.yml

@@ -83,7 +83,7 @@ script:
 - cd monkey_island/cc/ui
 - npm ci  # See https://docs.npmjs.com/cli/ci.html
 - eslint ./src --quiet  # Test for errors
-- JS_WARNINGS_AMOUNT_UPPER_LIMIT=25
+- JS_WARNINGS_AMOUNT_UPPER_LIMIT=28
 - eslint ./src --max-warnings $JS_WARNINGS_AMOUNT_UPPER_LIMIT  # Test for max warnings
 
 # Build documentation

monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/FindingsTable.js

@@ -18,13 +18,11 @@ const columns = [
       {
         Header: 'Events', id: 'events',
         accessor: x => {
-          const comp = <EventsButton finding_id={x.finding_id}
+          return <EventsButton finding_id={x.finding_id}
                                latest_events={x.latest_events}
                                oldest_events={x.oldest_events}
                                event_count={x.event_count}
                                exportFilename={'Events_' + x.test_key} />;
-          comp.displayName = 'EventsButton_' + x.finding_id;
-          return comp;
         },
         maxWidth: EVENTS_COLUMN_MAX_WIDTH
       },
@@ -36,9 +34,7 @@ const columns = [
           const pillarLabels = pillars.map((pillar) =>
             <PillarLabel key={pillar.name} pillar={pillar.name} status={pillar.status}/>
           );
-          const comp = <div style={{textAlign: 'center'}}>{pillarLabels}</div>;
-          comp.displayName = 'PillarsLabels';
-          return comp;
+          return <div style={{textAlign: 'center'}}>{pillarLabels}</div>;
         },
         maxWidth: PILLARS_COLUMN_MAX_WIDTH,
         style: {'whiteSpace': 'unset'}

monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/PrinciplesStatusTable.js

@@ -13,9 +13,7 @@ const columns = [
       {
         Header: 'Status', id: 'status',
         accessor: x => {
-          const comp = <StatusLabel status={x.status} size="3x" showText={false}/>;
-          comp.displayName = 'StatusLabel';
-          return comp;
+          return <StatusLabel status={x.status} size="3x" showText={false}/>;
         },
         maxWidth: MAX_WIDTH_STATUS_COLUMN
       },
@@ -27,9 +25,7 @@ const columns = [
         Header: 'Monkey Tests', id: 'tests',
         style: {'whiteSpace': 'unset'},  // This enables word wrap
         accessor: x => {
-          const comp = <TestsStatus tests={x.tests}/>;
-          comp.displayName = 'TestsStatus';
-          return comp;
+          return <TestsStatus tests={x.tests}/>;
         }
       }
     ]