remove artificial delay in OtherModes view

Author: hawkrives

source/views/transportation/other-modes.js

@@ -71,8 +71,22 @@ export default class OtherModesView extends React.PureComponent {
     this.fetchData()
   }
 
-  fetchData = async () => {
+  refresh = async () => {
     const start = Date.now()
+    this.setState(() => ({refreshing: true}))
+
+    await this.fetchData()
+
+    // wait 0.5 seconds – if we let it go at normal speed, it feels broken.
+    const elapsed = Date.now() - start
+    if (elapsed < 500) {
+      await delay(500 - elapsed)
+    }
+
+    this.setState(() => ({refreshing: false}))
+  }
+
+  fetchData = async () => {
     this.setState(() => ({loading: true}))
 
     let {data: modes} = await fetchJson(GITHUB_URL).catch(err => {
@@ -84,12 +98,6 @@ export default class OtherModesView extends React.PureComponent {
       modes = defaultData.data
     }
 
-    // wait 0.5 seconds – if we let it go at normal speed, it feels broken.
-    const elapsed = Date.now() - start
-    if (elapsed < 500) {
-      await delay(500 - elapsed)
-    }
-
     this.setState(() => ({modes, loading: false}))
   }
 
@@ -102,8 +110,8 @@ export default class OtherModesView extends React.PureComponent {
       <FlatList
         keyExtractor={this.keyExtractor}
         renderItem={this.renderItem}
-        refreshing={this.state.loading}
-        onRefresh={this.fetchData}
+        refreshing={this.state.refreshing}
+        onRefresh={this.refreshing}
         data={this.state.modes}
       />
     )