diff --git a/src/screens/boostPost/screen/boostPostScreen.js b/src/screens/boostPost/screen/boostPostScreen.js index bec1c0b32..4c45d6f70 100644 --- a/src/screens/boostPost/screen/boostPostScreen.js +++ b/src/screens/boostPost/screen/boostPostScreen.js @@ -43,7 +43,6 @@ class BoostPostScreen extends PureComponent { SCPath: '', permlinkSuggestions: [], isValid: false, - calculatedESTM: 150, }; this.startActionSheet = React.createRef(); @@ -192,85 +191,60 @@ class BoostPostScreen extends PureComponent { } /> {`${balance || _balance} ESTM`} - - - - { - - {intl.formatMessage({ id: 'promote.permlink' })} - - } - - - this._handleOnPermlinkChange(text)} - renderTextInput={() => ( - this._handleOnPermlinkChange(text)} - value={permlink || get(navigationParams, 'permlink', '')} - placeholder={intl.formatMessage({ id: 'promote.permlinkPlaceholder' })} - placeholderTextColor="#c1c5c7" - autoCapitalize="none" - /> - )} - renderItem={({ item }) => ( - - this.setState({ - permlink: item, - isValid: true, - permlinkSuggestions: [], - }) - } - > - {item} - - )} - /> + + + { + + {intl.formatMessage({ id: 'promote.permlink' })} + + } - - - - {`${getESTMPrice(calculatedESTM).toFixed(3)} $ `} - - {`${calculatedESTM} ESTM`} + this._handleOnPermlinkChange(text)} + renderTextInput={() => ( + this._handleOnPermlinkChange(text)} + value={permlink || get(navigationParams, 'permlink', '')} + placeholder={intl.formatMessage({ id: 'promote.permlinkPlaceholder' })} + placeholderTextColor="#c1c5c7" + autoCapitalize="none" + /> + )} + renderItem={({ item }) => ( + + this.setState({ + permlink: item, + isValid: true, + permlinkSuggestions: [], + }) + } + > + {item} + + )} + /> - - factor + 4)} - onPress={() => - this.setState({ - factor: _balance / 50 > factor + 4 ? factor + 1 : factor, - }) - } - > - - + + + {`${getESTMPrice(calculatedESTM).toFixed(3)} $ `} + + {`${calculatedESTM} ESTM`} + + 150)} onPress={() => this.setState({ @@ -285,6 +259,23 @@ class BoostPostScreen extends PureComponent { name="minus" /> + + factor + 4)} + onPress={() => + this.setState({ + factor: _balance / 50 > factor + 4 ? factor + 1 : factor, + }) + } + > + + diff --git a/src/screens/boostPost/screen/boostPostStyles.js b/src/screens/boostPost/screen/boostPostStyles.js index 3469c262a..d06b6feff 100644 --- a/src/screens/boostPost/screen/boostPostStyles.js +++ b/src/screens/boostPost/screen/boostPostStyles.js @@ -150,13 +150,23 @@ export default EStyleSheet.create({ justifyContent: 'center', alignItems: 'center', }, - day: { + price: { fontSize: 22, color: '$primaryBlue', fontWeight: 'bold', }, - price: { + esteem: { fontSize: 15, color: '$primaryBlue', }, + quickButtons: { + width: 55, + height: 55, + justifyContent: 'center', + }, + quickButtonsWrapper: { + justifyContent: 'center', + alignItems: 'center', + flexDirection: 'row', + }, });