Convert narrativelog date_begin and date_end TAI datetimes to UTC.

CHANGELOG.rst

@@ -5,6 +5,7 @@ Version History
 v6.5.0
 ------
 
+* Convert narrativelog date_begin and date_end TAI datetimes to UTC. `<https://github.com/lsst-ts/LOVE-frontend/pull/681>`_
 * Extend ScriptQueue ConfigPanel component to load scripts schemas on demand. `<https://github.com/lsst-ts/LOVE-frontend/pull/680>`_
 
 v6.4.1

love/src/components/OLE/NonExposure/NonExposure.jsx

@@ -87,6 +87,8 @@ export default class NonExposure extends Component {
     changeObsTimeLossSelect: PropTypes.func,
     /** Function to handle the jira ticket filter */
     changeJiraTicketsSelect: PropTypes.func,
+    /** Difference in seconds between UTC and TAI */
+    taiToUtc: PropTypes.number,
   };
 
   static defaultProps = {
@@ -160,24 +162,32 @@ export default class NonExposure extends Component {
   }
 
   getHeaders = () => {
+    const { taiToUtc } = this.props;
+
     return [
       {
         field: 'date_begin',
         title: 'Time of incident (UTC)',
         type: 'string',
         className: styles.tableHead,
-        render: (value) => moment(value).format(ISO_STRING_DATE_TIME_FORMAT),
+        render: (value) => moment(value).add(taiToUtc, 'seconds').format(ISO_STRING_DATE_TIME_FORMAT),
       },
       {
         field: 'time_lost',
         title: 'Obs. Time Loss',
         type: 'string',
         className: styles.tableHead,
-        render: (value, row) => (
-          <span title={formatOLETimeOfIncident(row.date_begin + 'Z', row.date_end + 'Z') + ' (UTC)'}>
-            {formatSecondsToDigital(value * 3600)}
-          </span>
-        ),
+        render: (value, row) => {
+          const dateBeginUTC = moment(row.date_begin).add(taiToUtc, 'seconds');
+          const dateEndUTC = moment(row.date_end).add(taiToUtc, 'seconds');
+          const dateBeginUTCString = dateBeginUTC.format(ISO_STRING_DATE_TIME_FORMAT);
+          const dateEndUTCString = dateEndUTC.format(ISO_STRING_DATE_TIME_FORMAT);
+          return (
+            <span title={formatOLETimeOfIncident(dateBeginUTCString, dateEndUTCString) + ' (UTC)'}>
+              {formatSecondsToDigital(value * 3600)}
+            </span>
+          );
+        },
       },
       {
         field: 'date_begin',

love/src/components/OLE/OLE.container.jsx

@@ -21,6 +21,7 @@ import React from 'react';
 import { connect } from 'react-redux';
 import SubscriptionTableContainer from 'components/GeneralPurpose/SubscriptionTable/SubscriptionTable.container';
 import { addGroup, removeGroup } from 'redux/actions/ws';
+import { getTaiToUtc } from 'redux/selectors';
 import OLE from './OLE';
 
 export const schema = {
@@ -62,6 +63,13 @@ const OLEContainer = ({ subscribeToStreams, unsubscribeToStreams, ...props }) =>
   );
 };
 
+const mapStateToProps = (state) => {
+  const taiToUtc = getTaiToUtc(state);
+  return {
+    taiToUtc,
+  };
+};
+
 const mapDispatchToProps = (dispatch) => {
   const subscriptions = [];
   return {
@@ -75,4 +83,4 @@ const mapDispatchToProps = (dispatch) => {
   };
 };
 
-export default connect(null, mapDispatchToProps)(OLEContainer);
+export default connect(mapStateToProps, mapDispatchToProps)(OLEContainer);

love/src/components/OLE/OLE.jsx

@@ -105,6 +105,7 @@ export default class OLE extends Component {
   }
 
   getComponent(clickNewLog, tab) {
+    const { taiToUtc } = this.props;
     if (clickNewLog === true) {
       if (tab === 'exposure') {
         return (
@@ -158,6 +159,7 @@ export default class OLE extends Component {
             changeObsTimeLossSelect={(value) => this.changeObsTimeLossSelect(value)}
             selectedJiraTickets={this.state.selectedJiraTickets}
             changeJiraTicketsSelect={(value) => this.changeJiraTicketsSelect(value)}
+            taiToUtc={taiToUtc}
           />
         );
       }