ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-15 08:32:45 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed wallet design issues

Browse Source
This commit is contained in:
Mustafa Buyukcelebi 2019-01-24 00:07:43 +03:00
parent e28f3cd33b
commit a1bb2072e5
4 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/basicUIElements/view/walletLineItem/walletLineItemView.js
View File

@ -21,9 +21,10 @@ const WalletLineItem = ({
text,
textColor,
index,
style,
}) => (
<GrayWrapper isGray={index % 2 === 0}>
<View style={[styles.container, fitContent && styles.fitContent]}>
<GrayWrapper isGray={index && index % 2 !== 0}>
<View style={[styles.container, fitContent && styles.fitContent, style]}>
<View style={styles.iconTextWrapper}>
{iconName && (
<View

7
src/components/transaction/view/transactionView.js
View File

@ -8,7 +8,7 @@ import { groomingTransactionData } from '../../../utils/wallet';
import { getTimeFromNow } from '../../../utils/time';
// Components
// import { FilterBar } from '../../filterBar';
import { FilterBar } from '../../filterBar';
import { WalletLineItem, Card } from '../../basicUIElements';
import { CollapsibleCard } from '../../collapsibleCard';
@ -39,15 +39,14 @@ class TransactionView extends PureComponent {
return (
<Fragment>
{/* this feature not implemented yet */}
{/* <FilterBar
<FilterBar
dropdownIconName="arrow-drop-down"
options={['ALL TRANSACTIONS', 'VOTES', 'REPLIES']}
defaultText="ALL TRANSACTIONS"
onDropdownSelect={() => this._handleOnDropdownSelect()}
rightIconName="ios-lock"
iconSize={16}
if (index % 2 === 0) {
/> */}
/>
<Card>
{transactions
&& transactions.map((item, index) => {

4
src/components/walletDetails/view/walletDetailsStyles.js
View File

@ -7,4 +7,8 @@ export default EStyleSheet.create({
blackText: {
color: '$primaryBlack',
},
walletLineDetail: {
marginBottom: 15,
marginTop: 0,
},
});

12
src/components/walletDetails/view/walletDetailsView.js
View File

@ -39,7 +39,7 @@ class WalletDetailsView extends PureComponent {
rightText={`${Math.round(walletData.balance * 1000) / 1000} STEEM`}
isBoldText
/>
<GrayWrapper>
<GrayWrapper isGray>
<WalletLineItem
text={intl.formatMessage({
id: 'profile.steem_power',
@ -57,6 +57,7 @@ class WalletDetailsView extends PureComponent {
rightText={`- ${Math.round(
vestsToSp(walletData.vestingSharesDelegated, walletData.steemPerMVests) * 1000,
) / 1000} SP`}
style={styles.walletLineDetail}
/>
)}
{walletData.vestingSharesReceived > 0 && (
@ -64,6 +65,7 @@ class WalletDetailsView extends PureComponent {
rightText={`+ ${Math.round(
vestsToSp(walletData.vestingSharesReceived, walletData.steemPerMVests) * 1000,
) / 1000} SP`}
style={styles.walletLineDetail}
/>
)}
{(walletData.vestingSharesDelegated > 0 || walletData.vestingSharesReceived > 0) && (
@ -72,6 +74,7 @@ class WalletDetailsView extends PureComponent {
vestsToSp(walletData.vestingSharesTotal, walletData.steemPerMVests) * 1000,
) / 1000} SP`}
rightTextColor="#357ce6"
style={styles.walletLineDetail}
/>
)}
</GrayWrapper>
@ -85,7 +88,7 @@ class WalletDetailsView extends PureComponent {
rightText={`$${Math.round(walletData.sbdBalance * 1000) / 1000}`}
isBoldText
/>
<GrayWrapper>
<GrayWrapper isGray>
<WalletLineItem
text={intl.formatMessage({
id: 'profile.savings',
@ -95,7 +98,10 @@ class WalletDetailsView extends PureComponent {
rightText={`${Math.round(walletData.savingBalance * 1000) / 1000} STEEM`}
isBoldText
/>
<WalletLineItem rightText={`$${Math.round(walletData.savingBalanceSbd * 1000) / 1000}`} />
<WalletLineItem
rightText={`$${Math.round(walletData.savingBalanceSbd * 1000) / 1000}`}
style={styles.walletLineDetail}
/>
</GrayWrapper>
{walletData.showPowerDown && (
<WalletLineItem