mirror of
https://github.com/ecency/ecency-mobile.git
synced 2024-12-20 11:51:52 +03:00
wip, pending payout details
This commit is contained in:
parent
bbeef9c9e2
commit
2d9cdfbfff
Binary file not shown.
@ -71,7 +71,20 @@ class UpvoteContainer extends PureComponent {
|
|||||||
? get(content, 'cashout_time')
|
? get(content, 'cashout_time')
|
||||||
: get(content, 'last_payout'),
|
: get(content, 'last_payout'),
|
||||||
);
|
);
|
||||||
|
const beneficiaries = [];
|
||||||
|
const beneficiary = get(content, 'beneficiaries');
|
||||||
|
if (beneficiaries) {
|
||||||
|
beneficiary.forEach(key => {
|
||||||
|
beneficiaries.push(
|
||||||
|
get(key, 'account') + ': ' + (parseFloat(get(key, 'weight')) / 100).toFixed(2) + '%',
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const minimumAmountForPayout = 0.02;
|
||||||
|
let warnZeroPayout = false;
|
||||||
|
if (pendingPayout > 0 && pendingPayout < minimumAmountForPayout) {
|
||||||
|
warnZeroPayout = true;
|
||||||
|
}
|
||||||
return (
|
return (
|
||||||
<UpvoteView
|
<UpvoteView
|
||||||
author={author}
|
author={author}
|
||||||
@ -93,6 +106,8 @@ class UpvoteContainer extends PureComponent {
|
|||||||
promotedPayout={promotedPayout}
|
promotedPayout={promotedPayout}
|
||||||
totalPayout={totalPayout}
|
totalPayout={totalPayout}
|
||||||
upvotePercent={upvotePercent}
|
upvotePercent={upvotePercent}
|
||||||
|
beneficiaries={beneficiaries}
|
||||||
|
warnZeroPayout={warnZeroPayout}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -200,9 +200,11 @@ class UpvoteView extends Component {
|
|||||||
payoutDate,
|
payoutDate,
|
||||||
intl,
|
intl,
|
||||||
isDownVoted,
|
isDownVoted,
|
||||||
|
beneficiaries,
|
||||||
|
warnZeroPayout,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
const { isVoting, amount, sliderValue, isVoted, isShowDetails, downvote } = this.state;
|
const { isVoting, amount, sliderValue, isVoted, isShowDetails, downvote } = this.state;
|
||||||
|
console.log('pendingPayout', pendingPayout);
|
||||||
let iconName = 'upcircleo';
|
let iconName = 'upcircleo';
|
||||||
const iconType = 'AntDesign';
|
const iconType = 'AntDesign';
|
||||||
let downVoteIconName = 'downcircleo';
|
let downVoteIconName = 'downcircleo';
|
||||||
@ -284,31 +286,53 @@ class UpvoteView extends Component {
|
|||||||
<View style={styles.popoverWrapper}>
|
<View style={styles.popoverWrapper}>
|
||||||
{isShowDetails ? (
|
{isShowDetails ? (
|
||||||
<View>
|
<View>
|
||||||
<Text style={styles.detailsText}>
|
{promotedPayout > 0 && (
|
||||||
{`${intl.formatMessage({
|
<Text style={styles.detailsText}>
|
||||||
id: 'payout.promoted',
|
{`${intl.formatMessage({
|
||||||
})} ${promotedPayout > 0 ? '~' : ''}$${promotedPayout}`}
|
id: 'payout.promoted',
|
||||||
</Text>
|
})} ${'~'}$${promotedPayout}`}
|
||||||
<Text style={styles.detailsText}>
|
</Text>
|
||||||
{`${intl.formatMessage({
|
)}
|
||||||
id: 'payout.potential_payout',
|
{pendingPayout > 0 && (
|
||||||
})} ${pendingPayout > 0 ? '~' : ''}$${pendingPayout}`}
|
<Text style={styles.detailsText}>
|
||||||
</Text>
|
{`${intl.formatMessage({
|
||||||
<Text style={styles.detailsText}>
|
id: 'payout.potential_payout',
|
||||||
{`${intl.formatMessage({
|
})} ${'~'}$${pendingPayout}`}
|
||||||
id: 'payout.author_payout',
|
</Text>
|
||||||
})} ${authorPayout > 0 ? '~' : ''}$${authorPayout}`}
|
)}
|
||||||
</Text>
|
{authorPayout > 0 && (
|
||||||
<Text style={styles.detailsText}>
|
<Text style={styles.detailsText}>
|
||||||
{`${intl.formatMessage({
|
{`${intl.formatMessage({
|
||||||
id: 'payout.curation_payout',
|
id: 'payout.author_payout',
|
||||||
})} ${curationPayout > 0 ? '~' : ''}$${curationPayout}`}
|
})} ${'~'}$${authorPayout}`}
|
||||||
</Text>
|
</Text>
|
||||||
|
)}
|
||||||
|
{curationPayout > 0 && (
|
||||||
|
<Text style={styles.detailsText}>
|
||||||
|
{`${intl.formatMessage({
|
||||||
|
id: 'payout.curation_payout',
|
||||||
|
})} ${'~'}$${curationPayout}`}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
|
{beneficiaries.length > 0 && (
|
||||||
|
<Text style={styles.detailsText}>
|
||||||
|
{`${intl.formatMessage({
|
||||||
|
id: 'payout.beneficiaries',
|
||||||
|
})} ${beneficiaries}`}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
<Text style={styles.detailsText}>
|
<Text style={styles.detailsText}>
|
||||||
{`${intl.formatMessage({
|
{`${intl.formatMessage({
|
||||||
id: 'payout.payout_date',
|
id: 'payout.payout_date',
|
||||||
})} ${payoutDate}`}
|
})} ${payoutDate}`}
|
||||||
</Text>
|
</Text>
|
||||||
|
{warnZeroPayout && (
|
||||||
|
<Text style={styles.detailsText}>
|
||||||
|
{`${intl.formatMessage({
|
||||||
|
id: 'payout.warn_zero_payout',
|
||||||
|
})}`}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
</View>
|
</View>
|
||||||
) : (
|
) : (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
|
@ -319,7 +319,9 @@
|
|||||||
"promoted": "Promoted",
|
"promoted": "Promoted",
|
||||||
"author_payout": "Author Payout",
|
"author_payout": "Author Payout",
|
||||||
"curation_payout": "Curation Payout",
|
"curation_payout": "Curation Payout",
|
||||||
"payout_date": "Payout"
|
"payout_date": "Payout",
|
||||||
|
"beneficiaries": "Beneficiaries",
|
||||||
|
"warn_zero_payout": "Amount must reach $0.02 for payout"
|
||||||
},
|
},
|
||||||
"post_dropdown": {
|
"post_dropdown": {
|
||||||
"copy": "copy link",
|
"copy": "copy link",
|
||||||
@ -414,4 +416,4 @@
|
|||||||
"information": "We noticed that your device has incorrect date or time. Please fix Date & Time or Set Automatically and try again."
|
"information": "We noticed that your device has incorrect date or time. Please fix Date & Time or Set Automatically and try again."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user