import { Loading, SigningReqContext } from '@polkadot/extension-ui/components'
import Request from '@polkadot/extension-ui/Popup/Signing/Request'
import TransactionIndex from '@polkadot/extension-ui/Popup/Signing/TransactionIndex'
import type { SignerPayloadJSON } from '@polkadot/types/types'
import React, { useContext, useEffect, useState } from 'react'
import Header from '../components/Header'
const Signing: React.FC = () => {
const requests = useContext(SigningReqContext)
const [requestIndex, setRequestIndex] = useState(0)
const onNextClick = () => setRequestIndex((requestIndex) => requestIndex + 1)
const onPreviousClick = () =>
setRequestIndex((requestIndex) => requestIndex - 1)
useEffect(() => {
setRequestIndex((requestIndex) =>
requestIndex < requests.length ? requestIndex : requests.length - 1
)
}, [requests])
// protect against removal overflows/underflows
const request =
requests.length !== 0
? requestIndex >= 0
? requestIndex < requests.length
? requests[requestIndex]
: requests[requests.length - 1]
: requests[0]
: null
const isTransaction = !!(request?.request?.payload as SignerPayloadJSON)
?.blockNumber
if (!request) return
return (
<>
{requests.length > 1 && (
)}
>
)
}
export default Signing