diff --git a/src/component/channelSelector/view.js b/src/component/channelSelector/view.js
index 1f109ac..ccce9f7 100644
--- a/src/component/channelSelector/view.js
+++ b/src/component/channelSelector/view.js
@@ -252,11 +252,12 @@ export default class ChannelSelector extends React.PureComponent {
underlineColorAndroid={Colors.NextLbryGreen}
/>
LBC
-
- {this.state.creditsInputFocused
- ? __('Bal: %balance%', { balance: formatCredits(parseFloat(balance), 1, true) })
- : ''}
-
+
+ {this.state.creditsInputFocused && }
+ {this.state.creditsInputFocused && (
+ {formatCredits(parseFloat(balance), 1, true)}
+ )}
+
{__('This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.')}
diff --git a/src/component/walletSend/view.js b/src/component/walletSend/view.js
index 17aae7d..a4036cf 100644
--- a/src/component/walletSend/view.js
+++ b/src/component/walletSend/view.js
@@ -4,6 +4,7 @@ import { formatCredits, regexAddress } from 'lbry-redux';
import { Alert, Clipboard, TextInput, Text, View } from 'react-native';
import Button from 'component/button';
import Colors from 'styles/colors';
+import Icon from 'react-native-vector-icons/FontAwesome5';
import walletStyle from 'styles/wallet';
type DraftTransaction = {
@@ -128,11 +129,12 @@ class WalletSend extends React.PureComponent {
style={[walletStyle.input, walletStyle.amountInput]}
/>
LBC
-
- {this.state.creditsInputFocused
- ? __('Bal: %balance%', { balance: formatCredits(parseFloat(balance), 1, true) })
- : ''}
-
+
+ {this.state.creditsInputFocused && }
+ {this.state.creditsInputFocused && (
+ {formatCredits(parseFloat(balance), 1, true)}
+ )}
+
LBC
-
- {this.state.creditsInputFocused
- ? __('Bal: %balance%', { balance: formatCredits(parseFloat(balance), 1, true) })
- : ''}
-
+
+ {this.state.creditsInputFocused && }
+ {this.state.creditsInputFocused && (
+ {formatCredits(parseFloat(balance), 1, true)}
+ )}
+
{__('This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.')}
diff --git a/src/page/file/view.js b/src/page/file/view.js
index 4bad9ea..ac6b747 100644
--- a/src/page/file/view.js
+++ b/src/page/file/view.js
@@ -1174,11 +1174,12 @@ class FilePage extends React.PureComponent {
style={[filePageStyle.input, filePageStyle.tipAmountInput]}
/>
LBC
-
- {this.state.creditsInputFocused
- ? __('Bal: %balance%', { balance: formatCredits(parseFloat(balance), 1, true) })
- : ''}
-
+
+ {this.state.creditsInputFocused && }
+ {this.state.creditsInputFocused && (
+ {formatCredits(parseFloat(balance), 1, true)}
+ )}
+
{this.state.sendTipStarted && }
this.setState({ creditsInputFocused: false })}
/>
LBC
-
- {this.state.creditsInputFocused
- ? __('Bal: %balance%', { balance: formatCredits(parseFloat(balance), 1, true) })
- : ''}
-
+
+ {this.state.creditsInputFocused && }
+ {this.state.creditsInputFocused && (
+ {formatCredits(parseFloat(balance), 1, true)}
+ )}
+
{__('This LBC remains yours and the deposit can be undone at any time.')}
diff --git a/src/styles/channelCreator.js b/src/styles/channelCreator.js
index bce7551..5ba0287 100644
--- a/src/styles/channelCreator.js
+++ b/src/styles/channelCreator.js
@@ -31,9 +31,14 @@ const channelCreatorStyle = StyleSheet.create({
fontSize: 16,
},
balance: {
+ alignItems: 'center',
+ flexDirection: 'row',
+ marginLeft: 24,
+ },
+ balanceText: {
fontFamily: 'Inter-UI-SemiBold',
fontSize: 14,
- marginLeft: 24,
+ marginLeft: 4,
},
channelNameInput: {
fontFamily: 'Inter-UI-Regular',
diff --git a/src/styles/channelSelector.js b/src/styles/channelSelector.js
index bc34b1d..8ac4e29 100644
--- a/src/styles/channelSelector.js
+++ b/src/styles/channelSelector.js
@@ -25,9 +25,14 @@ const channelSelectorStyle = StyleSheet.create({
fontSize: 16,
},
balance: {
+ alignItems: 'center',
+ flexDirection: 'row',
+ marginLeft: 24,
+ },
+ balanceText: {
fontFamily: 'Inter-UI-SemiBold',
fontSize: 14,
- marginLeft: 24,
+ marginLeft: 4,
},
channelNameInput: {
fontFamily: 'Inter-UI-Regular',
diff --git a/src/styles/filePage.js b/src/styles/filePage.js
index ea50cd2..ec39ac7 100644
--- a/src/styles/filePage.js
+++ b/src/styles/filePage.js
@@ -447,9 +447,14 @@ const filePageStyle = StyleSheet.create({
marginTop: 16,
},
balance: {
+ alignItems: 'center',
+ flexDirection: 'row',
+ marginLeft: 24,
+ },
+ balanceText: {
fontFamily: 'Inter-UI-SemiBold',
fontSize: 14,
- marginLeft: 24,
+ marginLeft: 4,
},
});
diff --git a/src/styles/publish.js b/src/styles/publish.js
index 1b25c2d..d7ac27b 100644
--- a/src/styles/publish.js
+++ b/src/styles/publish.js
@@ -467,9 +467,14 @@ const publishStyle = StyleSheet.create({
fontSize: 12,
},
balance: {
+ alignItems: 'center',
+ flexDirection: 'row',
+ marginLeft: 24,
+ },
+ balanceText: {
fontFamily: 'Inter-UI-SemiBold',
fontSize: 14,
- marginLeft: 24,
+ marginLeft: 4,
},
});
diff --git a/src/styles/wallet.js b/src/styles/wallet.js
index 18cba8e..c85bc79 100644
--- a/src/styles/wallet.js
+++ b/src/styles/wallet.js
@@ -127,9 +127,14 @@ const walletStyle = StyleSheet.create({
marginBottom: 16,
},
balanceFocus: {
+ alignItems: 'center',
+ flexDirection: 'row',
+ marginLeft: 24,
+ },
+ balanceText: {
fontFamily: 'Inter-UI-SemiBold',
fontSize: 14,
- marginLeft: 24,
+ marginLeft: 4,
},
infoText: {
color: '#aaaaaa',