Merge branch 'master' of ssh://repo.cs.co.id:2222/wahyu/bahanoprek

view/Outlets.js

 import React from 'react';
-import { View, Text, StyleSheet, FlatList, TextInput, Alert, Linking } from 'react-native';
+import { View, Text, StyleSheet, FlatList, TextInput, Alert, Linking, ActivityIndicator } from 'react-native';
 import { ScrollView, TouchableOpacity } from 'react-native-gesture-handler';
 import Spinner from 'react-native-loading-spinner-overlay';
 import { CheckBox } from 'react-native-elements';
@@ -31,7 +31,8 @@ class Outlets extends React.Component {
             spinner: false,
             data_outlet: [],
             outlet_selected: '',
-            data_name: ''
+            data_name: '',
+            indicator:true
         }
     }
 
@@ -114,16 +115,17 @@ class Outlets extends React.Component {
                 dataOutlets: dataOutlets,
                 data_before_search: dataOutlets,
               
+
             })
             this.setState({
-                spinner: false,
+                indicator: false
             })
 
         }).catch(error => {
             let response = error.response.data;
             Alert.alert(response.msg);
             this.setState({
-                spinner: false,
+                 indicator: false
             })
         })
     }
@@ -258,6 +260,7 @@ class Outlets extends React.Component {
                         </View>
                     </View>
                 </View>
+                
             </View>
         );
     }
@@ -312,6 +315,9 @@ class Outlets extends React.Component {
                     </View>
                 </View> */}
                 <View style={styles.body}>
+                {this.state.indicator == true ? (
+                  <ActivityIndicator size="large" color="#c9af6d" style={{margin:20}} />
+                ) : (
                     <FlatList
                         data={_.orderBy(this.state.dataOutlets, ['distance'], ['asc'])}
                         renderItem={this.RenderItem}
@@ -321,6 +327,7 @@ class Outlets extends React.Component {
                         maxToRenderPerBatch={2}
                         onEndReachedThreshold={0.5}
                     />
+                  )}
                 </View>
             </View>
         )