72e2d19433
* Inject wallet logger interface * Include method in NWC logs * Fix wrong page total * Poll for new logs every second * Fix overlapping pagination * Remove unused total * Better logs for incoming payments * Use _setLogs instead of wrapper * Remove inconsistent receive log * Remove console.log from wallet logger on server * Fix missing 'wallet detached' log * Fix confirm_withdrawl code * Remove duplicate autowithdrawal log * Add context to log * Add more context * Better table styling * Move CSS for wallet logs into one file * remove unused logNav class * rename classes * Align key with second column * Fix TypeError if context empty * Check content-type header before calling res.json() * Fix duplicate 'failed to create invoice' * Parse details from LND error * Fix invalid DOM property 'colspan' * P2P zap logs with context * Remove unnecessary withdrawal error log * the code assignment was broken anyway * we already log withdrawal errors using .catch on payViaPaymentRequest * Don't show outgoing fee to receiver to avoid confusion * Fix typo in comment * Log if invoice was canceled by payer * Automatically populate context from bolt11 * Fix missing context * Fix wrap errors not logged * Only log cancel if client canceled * Remove unused imports * Log withdrawal/forward success/error in payment flow * Fix boss not passed to checkInvoice * Fix TypeError * Fix database timeouts caused by logger The logger shares the same connection pool with any currently running transaction. This means that we enter a classic deadlock when we await logger calls: the logger call is waiting for a connection but the currently running transaction is waiting for the logger call to finish before it can release a connection. * Fix cache returning undefined * Fix typo in comment * Add padding-right to key in log context * Always use 'incoming payment failed:' --------- Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com>
53 lines
1.6 KiB
JavaScript
53 lines
1.6 KiB
JavaScript
import { timeSince } from '@/lib/time'
|
|
import styles from '@/styles/log.module.css'
|
|
import { Fragment, useState } from 'react'
|
|
|
|
export default function LogMessage ({ showWallet, wallet, level, message, context, ts }) {
|
|
const [show, setShow] = useState(false)
|
|
|
|
let className
|
|
switch (level.toLowerCase()) {
|
|
case 'ok':
|
|
case 'success':
|
|
level = 'ok'
|
|
className = 'text-success'; break
|
|
case 'error':
|
|
className = 'text-danger'; break
|
|
case 'warn':
|
|
className = 'text-warning'; break
|
|
default:
|
|
className = 'text-info'
|
|
}
|
|
|
|
const hasContext = context && Object.keys(context).length > 0
|
|
|
|
const handleClick = () => {
|
|
if (hasContext) { setShow(show => !show) }
|
|
}
|
|
|
|
const style = hasContext ? { cursor: 'pointer' } : { cursor: 'inherit' }
|
|
const indicator = hasContext ? (show ? '-' : '+') : <></>
|
|
|
|
return (
|
|
<>
|
|
<tr className={styles.tableRow} onClick={handleClick} style={style}>
|
|
<td className={styles.timestamp}>{timeSince(new Date(ts))}</td>
|
|
{showWallet ? <td className={styles.wallet}>[{wallet}]</td> : <td className='mx-1' />}
|
|
<td className={`${styles.level} ${className}`}>{level}</td>
|
|
<td>{message}</td>
|
|
<td>{indicator}</td>
|
|
</tr>
|
|
{show && hasContext && Object.entries(context).map(([key, value], i) => {
|
|
const last = i === Object.keys(context).length - 1
|
|
return (
|
|
<tr className={styles.line} key={i}>
|
|
<td />
|
|
<td className={last ? 'pb-2 pe-1' : 'pe-1'} colSpan='2'>{key}</td>
|
|
<td className={last ? 'text-break pb-2' : 'text-break'}>{value}</td>
|
|
</tr>
|
|
)
|
|
})}
|
|
</>
|
|
)
|
|
}
|