diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx index 6d62b31f..28c28855 100644 --- a/src/components/Debug.tsx +++ b/src/components/Debug.tsx @@ -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 ( - - + + {isLive ? ( + + ) : ( + + )} {label}: {displayValue} - {isLive && ⏱️} ) }