diff --git a/app/features/recent-list/components/RecentList.js b/app/features/recent-list/components/RecentList.js index 7fd4c04..8135757 100644 --- a/app/features/recent-list/components/RecentList.js +++ b/app/features/recent-list/components/RecentList.js @@ -76,7 +76,10 @@ class RecentList extends Component { { this._renderServerURL(conference.serverURL) } - { this._renderTimeAndDuration(conference) } + { this._renderStartTime(conference) } + + + { this._renderDuration(conference) } ); @@ -95,18 +98,29 @@ class RecentList extends Component { } /** - * Returns Date/Time and Duration of the conference in string format. + * Returns the duration of the conference in string format. * * @param {RecentListItem} conference - Conference Details. * @returns {string} - Date/Time and Duration. */ - _renderTimeAndDuration(conference: RecentListItem) { + _renderDuration(conference: RecentListItem) { const { startTime, endTime } = conference; const start = moment(startTime); - const end = moment(endTime); - const duration = moment.duration(end.diff(start)).humanize(); + const end = moment(endTime || Date.now()); - return `${start.calendar()}, ${duration}`; + return moment.duration(end.diff(start)).humanize(); + } + + /** + * Returns the Date/Time of the conference in string format. + * + * @param {RecentListItem} conference - Conference Details. + * @returns {string} - Date/Time and Duration. + */ + _renderStartTime(conference: RecentListItem) { + const { startTime } = conference; + + return moment(startTime).calendar(); } }