using stock dropdown button styling in wallet header

This commit is contained in:
Nouman Tahir 2021-05-12 01:56:23 +05:00
parent 7d1bdbae4a
commit 7516d81f39
2 changed files with 4 additions and 12 deletions

View File

@ -14,14 +14,7 @@ export default EStyleSheet.create({
justifyContent: 'center',
alignSelf: 'center',
},
dropdownRowText: {
fontSize: 14,
color: '$primaryDarkGray',
textAlign: 'center',
},
dropdownRowStyle: {
marginLeft: 0,
},
dropdownButtonStyle: {
justifyContent: 'center',
alignSelf: 'center',

View File

@ -61,16 +61,15 @@ const WalletHeaderView = ({
<View style={styles.balanceWrapper} key={balance + _key}>
<Text style={styles.balanceText}>{balance}</Text>
<DropdownButton
dropdownRowWrapper={styles.dropdownRowStyle}
dropdownRef={dropdownRef}
isHasChildIcon
iconName="arrow-drop-down"
options={options.map((itemKey) => intl.formatMessage({ id: `wallet.${itemKey}` }))}
options={options.map((itemKey) =>
intl.formatMessage({ id: `wallet.${itemKey}` }).toUpperCase(),
)}
noHighlight
dropdownButtonStyle={styles.dropdownButtonStyle}
onSelect={(selectedIndex) => handleOnDropdownSelected(options[selectedIndex])}
rowTextStyle={styles.dropdownRowText}
dropdownStyle={styles.dropdownStyle}
iconStyle={styles.dropdownIconStyle}
/>
<Text style={styles.subText}>{intl.formatMessage({ id: `wallet.${_key}.title` })}</Text>