diff --git a/src/component/field.js b/src/component/field.js index 963ce9091..5a6d0aa56 100644 --- a/src/component/field.js +++ b/src/component/field.js @@ -69,22 +69,24 @@ const namedStyles = StyleSheet.create({ color: color.blackText, fontSize: font.sizeM, lineHeight: font.lineHeightM + 2 * 12, - marginRight: 10, + marginRight: 15, }, text: { flex: 1, textAlign: 'right', - fontFamily: 'OpenSans Light', fontSize: font.sizeM, lineHeight: font.lineHeightM + 2 * 12, color: color.blackText, + opacity: 0.5, }, }); export const NamedField = ({ name, children, style }) => ( {name} - {children} + + {children} + ); diff --git a/src/view/pay-lightning-confirm.js b/src/view/pay-lightning-confirm.js index b219eebab..51764c6f6 100644 --- a/src/view/pay-lightning-confirm.js +++ b/src/view/pay-lightning-confirm.js @@ -9,7 +9,7 @@ import { Header, Title } from '../component/header'; import { CancelButton, BackButton, PillButton } from '../component/button'; import Card from '../component/card'; import Icon from '../component/icon'; -import { FormStretcher, FormText } from '../component/form'; +import { FormStretcher } from '../component/form'; import { BalanceLabel, BalanceLabelNumeral, @@ -34,6 +34,10 @@ const styles = StyleSheet.create({ totalLbl: { marginTop: 5, }, + note: { + marginTop: 5, + borderBottomWidth: 0, + }, confirmBtn: { marginTop: 20, }, @@ -50,9 +54,6 @@ const PayLightningConfirmView = ({ store, nav, payment }) => ( - - You are about to send a Bitcoin payment over the Lightning Network. - @@ -68,6 +69,11 @@ const PayLightningConfirmView = ({ store, nav, payment }) => ( {store.paymentTotalLabel} {store.unit} + {store.payment.note ? ( + + {store.payment.note} + + ) : null} ({ status: 'complete', date: new Date(), })); +store.payment.note = '#craefulgang'; store.selectedTransaction = (store.computedTransactions || []).find( tx => tx.type === 'bitcoin' );