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>{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>*/}
{/* </>*/}
{/* }*/}
{/*/>*/}
</> </>
}
/></>
); );
}; };

View file

@ -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>*/}
</> {/* </>*/}
} {/* }*/}
/> {/*/>*/}
</> </>
); );
}; };