make invoices/withdrawals clickable in satistics
This commit is contained in:
parent
f7bf77ebd4
commit
b550f80b9f
@ -25,7 +25,7 @@ function satusClass (status) {
|
|||||||
|
|
||||||
switch (status) {
|
switch (status) {
|
||||||
case 'CONFIRMED':
|
case 'CONFIRMED':
|
||||||
return ''
|
return 'text-reset'
|
||||||
case 'PENDING':
|
case 'PENDING':
|
||||||
return 'text-muted'
|
return 'text-muted'
|
||||||
default:
|
default:
|
||||||
@ -78,9 +78,9 @@ function Satus ({ status }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<span className='d-block'>
|
||||||
<Icon /><small className={`text-${color} fw-bold ms-2`}>{desc}</small>
|
<Icon /><small className={`text-${color} fw-bold ms-2`}>{desc}</small>
|
||||||
</div>
|
</span>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -110,10 +110,10 @@ function Detail ({ fact }) {
|
|||||||
if (!fact.item) {
|
if (!fact.item) {
|
||||||
return (
|
return (
|
||||||
<div className='px-3'>
|
<div className='px-3'>
|
||||||
<div className={satusClass(fact.status)}>
|
<Link className={satusClass(fact.status)} href={`/${fact.type}s/${fact.factId}`}>
|
||||||
{fact.description || 'no invoice description'}
|
{fact.description || 'no invoice description'}
|
||||||
</div>
|
<Satus status={fact.status} />
|
||||||
<Satus status={fact.status} />
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -206,7 +206,7 @@ export default function Satistics ({ ssrData }) {
|
|||||||
<div className={[styles.type, styles.head].join(' ')}>type</div>
|
<div className={[styles.type, styles.head].join(' ')}>type</div>
|
||||||
<div className={[styles.detail, styles.head].join(' ')}>detail</div>
|
<div className={[styles.detail, styles.head].join(' ')}>detail</div>
|
||||||
<div className={[styles.sats, styles.head].join(' ')}>sats</div>
|
<div className={[styles.sats, styles.head].join(' ')}>sats</div>
|
||||||
{facts.map(f => <Fact key={f.factId} fact={f} />)}
|
{facts.map(f => <Fact key={f.id} fact={f} />)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<MoreFooter cursor={cursor} count={facts?.length} fetchMore={fetchMore} Skeleton={PageLoading} />
|
<MoreFooter cursor={cursor} count={facts?.length} fetchMore={fetchMore} Skeleton={PageLoading} />
|
||||||
|
Loading…
x
Reference in New Issue
Block a user