api: Add network activity indicator. (#327)

Add network activity indicator when fetching data. Fixes #320.
zulip · Feb 13, 2017 · b630bb0 · b630bb0
1 parent 019e51e
commit b630bb0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/api/apiFetch.js b/src/api/apiFetch.js
@@ -1,3 +1,4 @@
+import { StatusBar } from 'react-native';
 import { Auth } from '../types';
 import { getAuthHeader, encodeAsURI } from '../utils/url';
 import userAgent from '../utils/userAgent';
@@ -19,6 +20,7 @@ export const apiFetch = async (
     },
     ...params,
   };
+  StatusBar.setNetworkActivityIndicatorVisible(true);
   return fetch(url, allParams);
 };
 
@@ -63,6 +65,7 @@ export const apiCall = async (
     return resFunc(json);
   } finally {
     clearTimeout(timeout);
+    StatusBar.setNetworkActivityIndicatorVisible(false);
   }
 };
 

diff --git a/src/common/LoadingIndicator.js b/src/common/LoadingIndicator.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { Animated, Easing, Image, StyleSheet, View } from 'react-native';
-import { BRAND_COLOR } from '../common/styles';
 
 const styles = StyleSheet.create({
   row: {