40 lines
967 B
JavaScript
40 lines
967 B
JavaScript
|
/**
|
||
|
|
* Project iLinkWorld
|
||
|
|
* File NetInfoBar
|
||
|
|
* Path components
|
||
|
|
* Created by BRICE ZELE
|
||
|
|
* Date: 18/10/2021
|
||
|
|
*/
|
||
|
|
import React from 'react';
|
||
|
|
import {useNetInfo} from '@react-native-community/netinfo';
|
||
|
|
import {Dimensions, StyleSheet, View} from 'react-native';
|
||
|
|
import Text from './Text';
|
||
|
|
|
||
|
|
const {width} = Dimensions.get('window');
|
||
|
|
|
||
|
|
export const NetInfoBar = () => {
|
||
|
|
const netInfo = useNetInfo();
|
||
|
|
|
||
|
|
if (!netInfo.isConnected && netInfo.isConnected !== null) {
|
||
|
|
return (
|
||
|
|
<View style={styles.offlineContainer}>
|
||
|
|
<Text style={styles.offlineText}>No Internet Connection</Text>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
offlineContainer: {
|
||
|
|
backgroundColor: '#C31C0D',
|
||
|
|
height: 30,
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
flexDirection: 'row',
|
||
|
|
width,
|
||
|
|
position: 'absolute',
|
||
|
|
},
|
||
|
|
offlineText: {color: '#fff'},
|
||
|
|
});
|