hide subscriptions sections and fix links

This commit is contained in:
Anthony 2021-08-13 14:32:06 +02:00
parent e1197bc1c3
commit f31989b01a
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
2 changed files with 111 additions and 110 deletions

View file

@ -75,7 +75,7 @@ const WalletBalance = (props: Props) => {
<td>{moment(transaction.created_at).format('LLL')}</td>
<td>
<Button
className="stripe__card-link-text"
className=""
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
label={transaction.channel_name}
button="link"
@ -83,7 +83,7 @@ const WalletBalance = (props: Props) => {
</td>
<td>
<Button
className="stripe__card-link-text"
className=""
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
label={
transaction.channel_claim_id === transaction.source_claim_id
@ -107,59 +107,60 @@ const WalletBalance = (props: Props) => {
)}
/>
<Card
title={__('Subscriptions (Coming Soon)')}
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>
{subscriptions &&
subscriptions.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'
: 'Content Page'
}
button="link"
/>
</td>
<td>${transaction.tipped_amount / 100}</td>
<td>{lastFour}</td>
<td>{transaction.private_tip ? 'Yes' : 'No'}</td>
</tr>
))}
</tbody>
</table>
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
</div>
{/*<Card*/}
{/* title={__('Subscriptions (Coming Soon)')}*/}
{/* 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>*/}
{/* {subscriptions &&*/}
{/* subscriptions.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'*/}
{/* : 'Content Page'*/}
{/* }*/}
{/* button="link"*/}
{/* />*/}
{/* </td>*/}
{/* <td>${transaction.tipped_amount / 100}</td>*/}
{/* <td>{lastFour}</td>*/}
{/* <td>{transaction.private_tip ? 'Yes' : 'No'}</td>*/}
{/* </tr>*/}
{/* ))}*/}
{/* </tbody>*/}
{/* </table>*/}
{/* {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}*/}
{/* </div>*/}
{/* </>*/}
{/* }*/}
{/*/>*/}
</>
}
/></>
);
};

View file

@ -112,7 +112,7 @@ const WalletBalance = (props: Props) => {
<td>{moment(transaction.created_at).format('LLL')}</td>
<td>
<Button
className="stripe__card-link-text"
className=""
navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id}
label={transaction.channel_name}
button="link"
@ -120,7 +120,7 @@ const WalletBalance = (props: Props) => {
</td>
<td>
<Button
className="stripe__card-link-text"
className=""
navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id}
label={
transaction.channel_claim_id === transaction.source_claim_id
@ -143,59 +143,59 @@ const WalletBalance = (props: Props) => {
}
/>
<Card
title={__('Subscriptions (Coming Soon)')}
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>
{subscriptions &&
subscriptions.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>{lastFour}</td>
<td>{transaction.private_tip ? 'Yes' : 'No'}</td>
</tr>
))}
</tbody>
</table>
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
</div>
</>
}
/>
{/*<Card*/}
{/* title={__('Subscriptions (Coming Soon)')}*/}
{/* 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>*/}
{/* {subscriptions &&*/}
{/* subscriptions.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>{lastFour}</td>*/}
{/* <td>{transaction.private_tip ? 'Yes' : 'No'}</td>*/}
{/* </tr>*/}
{/* ))}*/}
{/* </tbody>*/}
{/* </table>*/}
{/* {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}*/}
{/* </div>*/}
{/* </>*/}
{/* }*/}
{/*/>*/}
</>
);
};