Commit a5ff2b4d authored by Trisno's avatar Trisno

loading bar di outlet

parent 7c26a0b9
...@@ -315,12 +315,13 @@ class Outlets extends React.Component { ...@@ -315,12 +315,13 @@ class Outlets extends React.Component {
placeholder={{ label: 'All City' }} placeholder={{ label: 'All City' }}
onValueChange={(label) => this.filterData(label)} onValueChange={(label) => this.filterData(label)}
items={this.state.data_outlet} items={this.state.data_outlet}
style={{inputIOSContainer: {paddingVertical: 10, alignItems: 'center'}}} style={{ inputIOSContainer: { paddingVertical: 10, alignItems: 'center' } }}
/> />
</View> </View>
</View> </View>
<View style={styles.body}> <View style={styles.body}>
{this.state.dataOutlets.length > 0 ? ( {this.state.indicator ? (<ActivityIndicator style={{ top: 20, justifyContent: "center" }} size="large" color="#c9af6d" />) : (
this.state.dataOutlets.length > 0 ? (
<FlatList <FlatList
data={_.orderBy(this.state.dataOutlets, ['distance'], ['asc'])} data={_.orderBy(this.state.dataOutlets, ['distance'], ['asc'])}
renderItem={this.RenderItem} renderItem={this.RenderItem}
...@@ -331,8 +332,8 @@ class Outlets extends React.Component { ...@@ -331,8 +332,8 @@ class Outlets extends React.Component {
onEndReachedThreshold={0.5} onEndReachedThreshold={0.5}
/> />
) : ( ) : (
<Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign:'center' }}> Tidak Ada Outlets di area anda !</Text> <Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign: 'center' }}> Tidak Ada Outlets di area anda !</Text>
)} ))}
</View> </View>
</View> </View>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment