mirror of
https://github.com/dergigi/boris.git
synced 2025-12-24 10:04:19 +01:00
ui(debug): show spinner in place of millisecond number during measurement
This commit is contained in:
@@ -196,7 +196,7 @@ const Debug: React.FC = () => {
|
||||
|
||||
let displayValue: string
|
||||
if (isLive) {
|
||||
displayValue = 'measuring...'
|
||||
displayValue = ''
|
||||
} else if (value !== null && value !== undefined) {
|
||||
displayValue = `${value}ms`
|
||||
} else {
|
||||
@@ -205,12 +205,12 @@ const Debug: React.FC = () => {
|
||||
|
||||
return (
|
||||
<span className="badge" style={{ marginRight: 8 }}>
|
||||
{isLive ? (
|
||||
<FontAwesomeIcon icon={faSpinner} className="animate-spin" style={{ marginRight: 4, fontSize: '0.8em' }} />
|
||||
<FontAwesomeIcon icon={faClock} style={{ marginRight: 4, fontSize: '0.8em' }} />
|
||||
{label}: {isLive ? (
|
||||
<FontAwesomeIcon icon={faSpinner} className="animate-spin" style={{ fontSize: '0.8em' }} />
|
||||
) : (
|
||||
<FontAwesomeIcon icon={faClock} style={{ marginRight: 4, fontSize: '0.8em' }} />
|
||||
displayValue
|
||||
)}
|
||||
{label}: {displayValue}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user