Newer
Older
import { RequestSign } from '@polkadot/extension-base/background/types'
import { SignerPayloadJSON } from '@polkadot/types/types'
import { useStore } from 'nanostores/react'
import SigningRequest from './SigningRequest'
import TransactionIndex from './TransactionIndex'
const [idx, setIdx] = useState(0)
const request = requests[idx]
const isTransaction = !!(request?.request?.payload as SignerPayloadJSON)
?.blockNumber
const onNextClick = () => setIdx((i) => Math.min(i + 1, requests.length))
const onPreviousClick = () => setIdx((i) => Math.max(i - 1, 0))
return (
<>
{requests.length > 1 && (
<TransactionIndex
onNextClick={onNextClick}
onPreviousClick={onPreviousClick}
totalItems={requests.length}
/>
)}
buttonText={isTransaction ? 'Sign the transaction' : 'Sign the message'}
signId={request.id}
url={request.url}
/>
</>
)
}
export default Signing