LBRYCommunity/lbry-react-native
1
0
Fork 0
Code Issues Pull requests12 Projects Releases Packages Wiki Activity

tweak transaction list item

Browse source
This commit is contained in:
Akinwale Ariwodola 2019-08-25 17:34:26 +01:00
parent e6139d59d9
commit cf5045cce3
2 changed files with 6 additions and 2 deletions
src
component/transactionList/internal
transaction-list-item.js
styles
transactionList.js

5
src/component/transactionList/internal/transaction-list-item.js
View file

@ -19,11 +19,12 @@ class TransactionListItem extends React.PureComponent {
return ( return (
<View style={transactionListStyle.listItem}> <View style={transactionListStyle.listItem}>
<View style={[transactionListStyle.row, transactionListStyle.topRow]}> <View style={[transactionListStyle.row, transactionListStyle.topRow]}>
<View style={transactionListStyle.col}> <View style={[transactionListStyle.col, transactionListStyle.leftCol]}>
<Text style={transactionListStyle.text}>{this.capitalize(type)}</Text> <Text style={transactionListStyle.text}>{this.capitalize(type)}</Text>
{name && claimId && ( {name && claimId && (
<Link <Link
style={transactionListStyle.link} style={transactionListStyle.link}
numberOfLines={1}
onPress={() => navigateToUri(navigation, buildURI({ claimName: name, claimId }))} onPress={() => navigateToUri(navigation, buildURI({ claimName: name, claimId }))}
text={name} text={name}
/> />
@ -37,7 +38,7 @@ class TransactionListItem extends React.PureComponent {
</View> </View>
</View> </View>
<View style={transactionListStyle.row}> <View style={transactionListStyle.row}>
<View style={transactionListStyle.col}> <View style={[transactionListStyle.col, transactionListStyle.leftCol]}>
<Link <Link
style={transactionListStyle.smallLink} style={transactionListStyle.smallLink}
text={txid.substring(0, 8)} text={txid.substring(0, 8)}

3
src/styles/transactionList.js
View file

@ -17,6 +17,9 @@ const transactionListStyle = StyleSheet.create({
topRow: { topRow: {
marginBottom: 4, marginBottom: 4,
}, },
leftCol: {
flex: 0.7,
},
col: { col: {
alignSelf: 'stretch', alignSelf: 'stretch',
}, },