aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-24 09:14:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui(debug): replace animated timing with spinner during measurement

Browse Source
This commit is contained in:
Gigi
2025-10-17 12:46:43 +02:00
parent 28943c55bd
commit 1938533d53
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Debug.tsx
View File

@@ -1,7 +1,7 @@
/* global __APP_VERSION__, __GIT_COMMIT__, __GIT_COMMIT_URL__, __RELEASE_URL__ */
import React, { useEffect, useMemo, useState } from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faClock } from '@fortawesome/free-solid-svg-icons'
import { faClock, faSpinner } from '@fortawesome/free-solid-svg-icons'
import { Hooks } from 'applesauce-react'
import { Accounts } from 'applesauce-accounts'
import { NostrConnectSigner } from 'applesauce-signers'
@@ -196,7 +196,7 @@ const Debug: React.FC = () => {
let displayValue: string
if (isLive) {
displayValue = `${liveValue}ms`
displayValue = 'measuring...'
} else if (value !== null && value !== undefined) {
displayValue = `${value}ms`
} else {
@@ -204,10 +204,13 @@ const Debug: React.FC = () => {
}
return (
<span className={`badge ${isLive ? 'animate-pulse' : ''}`} style={{ marginRight: 8 }}>
<FontAwesomeIcon icon={faClock} style={{ marginRight: 4, fontSize: '0.8em' }} />
<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}: {displayValue}
{isLive && <span className="ml-1 text-xs opacity-70">⏱️</span>}
</span>
)
}