@@ -50,6 +50,7 @@ const HomeView = ({
5050 return (
5151 < Background image = "purple-gradient-bg" >
5252 < HomeHeader
53+ isTestnet = { store . network === 'testnet' }
5354 goDeposit = { ( ) => nav . goDeposit ( ) }
5455 goSettings = { ( ) => nav . goSettings ( ) }
5556 />
@@ -185,6 +186,10 @@ const headerStyles = StyleSheet.create({
185186 depositBtn : {
186187 marginLeft : 3 ,
187188 } ,
189+ testnet : {
190+ fontSize : 10 ,
191+ lineHeight : 16 ,
192+ } ,
188193 settingsBtn : {
189194 marginRight : 3 ,
190195 } ,
@@ -194,12 +199,17 @@ const headerStyles = StyleSheet.create({
194199 } ,
195200} ) ;
196201
197- const HomeHeader = ( { goDeposit, goSettings } ) => (
202+ const HomeHeader = ( { isTestnet , goDeposit, goSettings } ) => (
198203 < Header separator = { Platform . OS === 'web' } >
199204 < Button onPress = { goDeposit } style = { headerStyles . depositBtn } >
200205 < QrIcon height = { 40 * 0.6 } width = { 39 * 0.6 } />
201206 </ Button >
202- < Title title = "Wallet" />
207+ < View >
208+ { isTestnet ? (
209+ < Title style = { headerStyles . testnet } title = "testnet" />
210+ ) : null }
211+ < Title title = "Wallet" />
212+ </ View >
203213 < Button onPress = { goSettings } style = { headerStyles . settingsBtn } >
204214 < Icon
205215 image = { require ( '../asset/icon/settings.png' ) }
@@ -210,6 +220,7 @@ const HomeHeader = ({ goDeposit, goSettings }) => (
210220) ;
211221
212222HomeHeader . propTypes = {
223+ isTestnet : PropTypes . bool . isRequired ,
213224 goDeposit : PropTypes . func . isRequired ,
214225 goSettings : PropTypes . func . isRequired ,
215226} ;
0 commit comments