More stripe integration2 #6734
2 changed files with 1 additions and 137 deletions
|
@ -230,25 +230,11 @@ class StripeAccountConnection extends React.Component<Props, State> {
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<h3>{__('Congratulations! Your account has been connected with Odysee.')}</h3>
|
<h3>{__('Congratulations! Your account has been connected with Odysee.')}</h3>
|
||||||
{unpaidBalance > 0 ? (
|
|
||||||
<div>
|
|
||||||
<br />
|
|
||||||
<h3>
|
|
||||||
{__('Your pending account balance is $%balance% USD.', { balance: unpaidBalance / 100 })}
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div>
|
|
||||||
<br />
|
|
||||||
<h3>
|
|
||||||
{__('Your account balance is $0 USD. When you receive a tip you will see it here.')}
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
{/* TODO: hopefully we won't be using this anymore and can remove it */}
|
||||||
{accountNotConfirmedButReceivedTips && (
|
{accountNotConfirmedButReceivedTips && (
|
||||||
<div className="card__body-actions">
|
<div className="card__body-actions">
|
||||||
<div>
|
<div>
|
||||||
|
@ -281,64 +267,6 @@ class StripeAccountConnection extends React.Component<Props, State> {
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
{/* customer already has transactions */}
|
|
||||||
{accountTransactions && accountTransactions.length > 0 && (
|
|
||||||
<Card
|
|
||||||
title={__('Tip History')}
|
|
||||||
body={
|
|
||||||
<>
|
|
||||||
<div className="table__wrapper">
|
|
||||||
<table className="table table--transactions">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th className="date-header">{__('Date')}</th>
|
|
||||||
<th>{<>{__('Receiving Channel Name')}</>}</th>
|
|
||||||
<th>{__('Tip Location')}</th>
|
|
||||||
<th>{__('Amount (USD)')} </th>
|
|
||||||
<th>{__('Processing Fee')}</th>
|
|
||||||
<th>{__('Odysee Fee')}</th>
|
|
||||||
<th>{__('Received Amount')}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{accountTransactions &&
|
|
||||||
accountTransactions.map((transaction) => (
|
|
||||||
<tr key={transaction.name + transaction.created_at}>
|
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
|
||||||
<td>
|
|
||||||
<Button
|
|
||||||
className="stripe__card-link-text"
|
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
|
||||||
label={transaction.channel_name}
|
|
||||||
button="link"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<Button
|
|
||||||
className="stripe__card-link-text"
|
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
|
||||||
label={
|
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
|
||||||
? 'Channel Page'
|
|
||||||
: 'File Page'
|
|
||||||
}
|
|
||||||
button="link"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>${transaction.tipped_amount / 100}</td>
|
|
||||||
<td>${transaction.transaction_fee / 100}</td>
|
|
||||||
<td>${transaction.application_fee / 100}</td>
|
|
||||||
<td>${transaction.received_amount / 100}</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Page>
|
</Page>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -437,72 +437,8 @@ class SettingsStripeCard extends React.Component<Props, State> {
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
{/* if a user has no transactions yet */}
|
|
||||||
{(!customerTransactions || customerTransactions.length === 0) && (
|
|
||||||
<Card
|
|
||||||
title={__('Tip History')}
|
|
||||||
subtitle={__('You have not sent any tips yet. When you do they will appear here. ')}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* customer already has transactions */}
|
|
||||||
{customerTransactions && customerTransactions.length > 0 && (
|
|
||||||
<Card
|
|
||||||
title={__('Tip History')}
|
|
||||||
body={
|
|
||||||
<>
|
|
||||||
<div className="table__wrapper">
|
|
||||||
<table className="table table--transactions">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th className="date-header">{__('Date')}</th>
|
|
||||||
<th>{<>{__('Receiving Channel Name')}</>}</th>
|
|
||||||
<th>{__('Tip Location')}</th>
|
|
||||||
<th>{__('Amount (USD)')} </th>
|
|
||||||
<th>{__('Card Last 4')}</th>
|
|
||||||
<th>{__('Anonymous')}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{customerTransactions &&
|
|
||||||
customerTransactions.reverse().map((transaction) => (
|
|
||||||
<tr key={transaction.name + transaction.created_at}>
|
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
|
||||||
<td>
|
|
||||||
<Button
|
|
||||||
className="stripe__card-link-text"
|
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
|
||||||
label={transaction.channel_name}
|
|
||||||
button="link"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<Button
|
|
||||||
className="stripe__card-link-text"
|
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
|
||||||
label={
|
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
|
||||||
? 'Channel Page'
|
|
||||||
: 'File Page'
|
|
||||||
}
|
|
||||||
button="link"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>${transaction.tipped_amount / 100}</td>
|
|
||||||
<td>{userCardDetails && userCardDetails.lastFour}</td>
|
|
||||||
<td>{transaction.private_tip ? 'Yes' : 'No'}</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Page>
|
</Page>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue