hide subscriptions sections and fix links
This commit is contained in:
parent
e1197bc1c3
commit
f31989b01a
2 changed files with 111 additions and 110 deletions
|
@ -75,7 +75,7 @@ const WalletBalance = (props: Props) => {
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
<td>{moment(transaction.created_at).format('LLL')}</td>
|
||||||
<td>
|
<td>
|
||||||
<Button
|
<Button
|
||||||
className="stripe__card-link-text"
|
className=""
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
||||||
label={transaction.channel_name}
|
label={transaction.channel_name}
|
||||||
button="link"
|
button="link"
|
||||||
|
@ -83,7 +83,7 @@ const WalletBalance = (props: Props) => {
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<Button
|
<Button
|
||||||
className="stripe__card-link-text"
|
className=""
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
||||||
label={
|
label={
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
transaction.channel_claim_id === transaction.source_claim_id
|
||||||
|
@ -107,59 +107,60 @@ const WalletBalance = (props: Props) => {
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Card
|
{/*<Card*/}
|
||||||
title={__('Subscriptions (Coming Soon)')}
|
{/* title={__('Subscriptions (Coming Soon)')}*/}
|
||||||
body={
|
{/* body={*/}
|
||||||
<>
|
{/* <>*/}
|
||||||
<div className="table__wrapper">
|
{/* <div className="table__wrapper">*/}
|
||||||
<table className="table table--transactions">
|
{/* <table className="table table--transactions">*/}
|
||||||
<thead>
|
{/* <thead>*/}
|
||||||
<tr>
|
{/* <tr>*/}
|
||||||
<th className="date-header">{__('Date')}</th>
|
{/* <th className="date-header">{__('Date')}</th>*/}
|
||||||
<th>{<>{__('Receiving Channel Name')}</>}</th>
|
{/* <th>{<>{__('Receiving Channel Name')}</>}</th>*/}
|
||||||
<th>{__('Tip Location')}</th>
|
{/* <th>{__('Tip Location')}</th>*/}
|
||||||
<th>{__('Amount (USD)')} </th>
|
{/* <th>{__('Amount (USD)')} </th>*/}
|
||||||
<th>{__('Card Last 4')}</th>
|
{/* <th>{__('Card Last 4')}</th>*/}
|
||||||
<th>{__('Anonymous')}</th>
|
{/* <th>{__('Anonymous')}</th>*/}
|
||||||
</tr>
|
{/* </tr>*/}
|
||||||
</thead>
|
{/* </thead>*/}
|
||||||
<tbody>
|
{/* <tbody>*/}
|
||||||
{subscriptions &&
|
{/* {subscriptions &&*/}
|
||||||
subscriptions.reverse().map((transaction) => (
|
{/* subscriptions.reverse().map((transaction) => (*/}
|
||||||
<tr key={transaction.name + transaction.created_at}>
|
{/* <tr key={transaction.name + transaction.created_at}>*/}
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
{/* <td>{moment(transaction.created_at).format('LLL')}</td>*/}
|
||||||
<td>
|
{/* <td>*/}
|
||||||
<Button
|
{/* <Button*/}
|
||||||
className="stripe__card-link-text"
|
{/* className="stripe__card-link-text"*/}
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
{/* navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}*/}
|
||||||
label={transaction.channel_name}
|
{/* label={transaction.channel_name}*/}
|
||||||
button="link"
|
{/* button="link"*/}
|
||||||
/>
|
{/* />*/}
|
||||||
</td>
|
{/* </td>*/}
|
||||||
<td>
|
{/* <td>*/}
|
||||||
<Button
|
{/* <Button*/}
|
||||||
className="stripe__card-link-text"
|
{/* className="stripe__card-link-text"*/}
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
{/* navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}*/}
|
||||||
label={
|
{/* label={*/}
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
{/* transaction.channel_claim_id === transaction.source_claim_id*/}
|
||||||
? 'Channel Page'
|
{/* ? 'Channel Page'*/}
|
||||||
: 'Content Page'
|
{/* : 'Content Page'*/}
|
||||||
}
|
{/* }*/}
|
||||||
button="link"
|
{/* button="link"*/}
|
||||||
/>
|
{/* />*/}
|
||||||
</td>
|
{/* </td>*/}
|
||||||
<td>${transaction.tipped_amount / 100}</td>
|
{/* <td>${transaction.tipped_amount / 100}</td>*/}
|
||||||
<td>{lastFour}</td>
|
{/* <td>{lastFour}</td>*/}
|
||||||
<td>{transaction.private_tip ? 'Yes' : 'No'}</td>
|
{/* <td>{transaction.private_tip ? 'Yes' : 'No'}</td>*/}
|
||||||
</tr>
|
{/* </tr>*/}
|
||||||
))}
|
{/* ))}*/}
|
||||||
</tbody>
|
{/* </tbody>*/}
|
||||||
</table>
|
{/* </table>*/}
|
||||||
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
|
{/* {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
</>
|
{/* </>*/}
|
||||||
}
|
{/* }*/}
|
||||||
/></>
|
{/*/>*/}
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -112,7 +112,7 @@ const WalletBalance = (props: Props) => {
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
<td>{moment(transaction.created_at).format('LLL')}</td>
|
||||||
<td>
|
<td>
|
||||||
<Button
|
<Button
|
||||||
className="stripe__card-link-text"
|
className=""
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
||||||
label={transaction.channel_name}
|
label={transaction.channel_name}
|
||||||
button="link"
|
button="link"
|
||||||
|
@ -120,7 +120,7 @@ const WalletBalance = (props: Props) => {
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<Button
|
<Button
|
||||||
className="stripe__card-link-text"
|
className=""
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
||||||
label={
|
label={
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
transaction.channel_claim_id === transaction.source_claim_id
|
||||||
|
@ -143,59 +143,59 @@ const WalletBalance = (props: Props) => {
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Card
|
{/*<Card*/}
|
||||||
title={__('Subscriptions (Coming Soon)')}
|
{/* title={__('Subscriptions (Coming Soon)')}*/}
|
||||||
body={
|
{/* body={*/}
|
||||||
<>
|
{/* <>*/}
|
||||||
<div className="table__wrapper">
|
{/* <div className="table__wrapper">*/}
|
||||||
<table className="table table--transactions">
|
{/* <table className="table table--transactions">*/}
|
||||||
<thead>
|
{/* <thead>*/}
|
||||||
<tr>
|
{/* <tr>*/}
|
||||||
<th className="date-header">{__('Date')}</th>
|
{/* <th className="date-header">{__('Date')}</th>*/}
|
||||||
<th>{<>{__('Receiving Channel Name')}</>}</th>
|
{/* <th>{<>{__('Receiving Channel Name')}</>}</th>*/}
|
||||||
<th>{__('Tip Location')}</th>
|
{/* <th>{__('Tip Location')}</th>*/}
|
||||||
<th>{__('Amount (USD)')} </th>
|
{/* <th>{__('Amount (USD)')} </th>*/}
|
||||||
<th>{__('Card Last 4')}</th>
|
{/* <th>{__('Card Last 4')}</th>*/}
|
||||||
<th>{__('Anonymous')}</th>
|
{/* <th>{__('Anonymous')}</th>*/}
|
||||||
</tr>
|
{/* </tr>*/}
|
||||||
</thead>
|
{/* </thead>*/}
|
||||||
<tbody>
|
{/* <tbody>*/}
|
||||||
{subscriptions &&
|
{/* {subscriptions &&*/}
|
||||||
subscriptions.reverse().map((transaction) => (
|
{/* subscriptions.reverse().map((transaction) => (*/}
|
||||||
<tr key={transaction.name + transaction.created_at}>
|
{/* <tr key={transaction.name + transaction.created_at}>*/}
|
||||||
<td>{moment(transaction.created_at).format('LLL')}</td>
|
{/* <td>{moment(transaction.created_at).format('LLL')}</td>*/}
|
||||||
<td>
|
{/* <td>*/}
|
||||||
<Button
|
{/* <Button*/}
|
||||||
className="stripe__card-link-text"
|
{/* className="stripe__card-link-text"*/}
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
|
{/* navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}*/}
|
||||||
label={transaction.channel_name}
|
{/* label={transaction.channel_name}*/}
|
||||||
button="link"
|
{/* button="link"*/}
|
||||||
/>
|
{/* />*/}
|
||||||
</td>
|
{/* </td>*/}
|
||||||
<td>
|
{/* <td>*/}
|
||||||
<Button
|
{/* <Button*/}
|
||||||
className="stripe__card-link-text"
|
{/* className="stripe__card-link-text"*/}
|
||||||
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
|
{/* navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}*/}
|
||||||
label={
|
{/* label={*/}
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
{/* transaction.channel_claim_id === transaction.source_claim_id*/}
|
||||||
? 'Channel Page'
|
{/* ? 'Channel Page'*/}
|
||||||
: 'File Page'
|
{/* : 'File Page'*/}
|
||||||
}
|
{/* }*/}
|
||||||
button="link"
|
{/* button="link"*/}
|
||||||
/>
|
{/* />*/}
|
||||||
</td>
|
{/* </td>*/}
|
||||||
<td>${transaction.tipped_amount / 100}</td>
|
{/* <td>${transaction.tipped_amount / 100}</td>*/}
|
||||||
<td>{lastFour}</td>
|
{/* <td>{lastFour}</td>*/}
|
||||||
<td>{transaction.private_tip ? 'Yes' : 'No'}</td>
|
{/* <td>{transaction.private_tip ? 'Yes' : 'No'}</td>*/}
|
||||||
</tr>
|
{/* </tr>*/}
|
||||||
))}
|
{/* ))}*/}
|
||||||
</tbody>
|
{/* </tbody>*/}
|
||||||
</table>
|
{/* </table>*/}
|
||||||
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
|
{/* {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}*/}
|
||||||
</div>
|
{/* </div>*/}
|
||||||
</>
|
{/* </>*/}
|
||||||
}
|
{/* }*/}
|
||||||
/>
|
{/*/>*/}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in a new issue