From f9298c968e52b194ff753b0c2e76a8c846d41d7f Mon Sep 17 00:00:00 2001
From: Jed Watson <jed.watson@me.com>
Date: Tue, 14 Mar 2017 14:49:41 -0700
Subject: [PATCH] Ensuring the current time updates when the app is resumed
 from background

---
 app/scenes/Schedule/index.js | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/scenes/Schedule/index.js b/app/scenes/Schedule/index.js
index 5853cdc..0e973de 100644
--- a/app/scenes/Schedule/index.js
+++ b/app/scenes/Schedule/index.js
@@ -2,6 +2,7 @@
 import React, { Component } from 'react';
 import {
   Animated,
+  AppState,
   Dimensions,
   LayoutAnimation,
   ListView,
@@ -127,6 +128,13 @@ export default class Schedule extends Component {
         }
       });
     }
+  }
+  componentDidMount() {
+    this._navigatorWillFocusSubscription = this.props.navigator.navigationContext.addListener(
+      'willfocus',
+      this.handleNavigatorWillFocus
+    );
+    AppState.addEventListener('change', this.handleAppStateChange);
 
     // Update the schedule once a second.
     this.interval = setInterval(
@@ -135,12 +143,6 @@ export default class Schedule extends Component {
       },
       60000 // Once a minute
     );
-  }
-  componentDidMount() {
-    this._navigatorWillFocusSubscription = this.props.navigator.navigationContext.addListener(
-      'willfocus',
-      this.handleNavigatorWillFocus
-    );
 
     // This is the actual image splash screen, not the animated one.
     if (Splash) {
@@ -155,6 +157,7 @@ export default class Schedule extends Component {
     if (this.scrollYListener)
       this.state.scrollY.removeListener(this.scrollYListener);
     this._navigatorWillFocusSubscription.remove();
+    AppState.removeEventListener('change', this.handleAppStateChange);
 
     if (this.interval) {
       clearInterval(this.interval);
@@ -162,12 +165,23 @@ export default class Schedule extends Component {
     }
   }
 
+  handleAppStateChange = nextAppState => {
+    if (
+      this.state.appState.match(/inactive|background/) &&
+      nextAppState === 'active'
+    ) {
+      // update the current time when the app comes into the foreground
+      this.setState({ now: new Date() });
+    }
+  };
   handleNavigatorWillFocus = (event: any) => {
     const { scene } = event.data.route;
 
     if (scene === 'Schedule' && this.state.scrollY._value < 120) {
       StatusBar.setBarStyle('light-content', true);
     }
+
+    this.setState({ now: new Date() });
   };
   gotoEventInfo = () => {
     StatusBar.setBarStyle('default', true);