86 lines
2.5 KiB
TypeScript
86 lines
2.5 KiB
TypeScript
import ProjectInfoCard from '@/components/ProjectInfoCard'
|
|
import RequestDataCard from '@/components/RequestDataCard'
|
|
import RequesDetailsCard from '@/components/RequestDetalilsCard'
|
|
import RequestMethodCard from '@/components/RequestMethodCard'
|
|
import RequestModalContainer from '@/components/RequestModalContainer'
|
|
import ModalStore from '@/store/ModalStore'
|
|
import { approveEIP155Request, rejectEIP155Request } from '@/utils/EIP155RequestHandlerUtil'
|
|
import { walletConnectClient } from '@/utils/WalletConnectUtil'
|
|
import { Button, Divider, Loading, Modal, Text } from '@nextui-org/react'
|
|
import { Fragment, useState } from 'react'
|
|
|
|
export default function SessionSendTransactionModal() {
|
|
const [loading, setLoading] = useState(false)
|
|
|
|
// Get request and wallet data from store
|
|
const requestEvent = ModalStore.state.data?.requestEvent
|
|
const requestSession = ModalStore.state.data?.requestSession
|
|
|
|
// Ensure request and wallet are defined
|
|
if (!requestEvent || !requestSession) {
|
|
return <Text>Missing request data</Text>
|
|
}
|
|
|
|
// Get required proposal data
|
|
|
|
const { method, params } = requestEvent.request
|
|
const transaction = params[0]
|
|
|
|
// Handle approve action
|
|
async function onApprove() {
|
|
if (requestEvent) {
|
|
setLoading(true)
|
|
const response = await approveEIP155Request(requestEvent)
|
|
await walletConnectClient.respond({
|
|
topic: requestEvent.topic,
|
|
response
|
|
})
|
|
ModalStore.close()
|
|
}
|
|
}
|
|
|
|
// Handle reject action
|
|
async function onReject() {
|
|
if (requestEvent) {
|
|
const response = rejectEIP155Request(requestEvent.request)
|
|
await walletConnectClient.respond({
|
|
topic: requestEvent.topic,
|
|
response
|
|
})
|
|
ModalStore.close()
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Fragment>
|
|
<RequestModalContainer title="Send / Sign Transaction">
|
|
<ProjectInfoCard metadata={requestSession.peer.metadata} />
|
|
|
|
<Divider y={2} />
|
|
|
|
<RequestDataCard data={transaction} />
|
|
|
|
<Divider y={2} />
|
|
|
|
<RequesDetailsCard
|
|
chains={[requestEvent.chainId ?? '']}
|
|
protocol={requestSession.relay.protocol}
|
|
/>
|
|
|
|
<Divider y={2} />
|
|
|
|
<RequestMethodCard methods={[method]} />
|
|
</RequestModalContainer>
|
|
|
|
<Modal.Footer>
|
|
<Button auto flat color="error" onClick={onReject} disabled={loading}>
|
|
Reject
|
|
</Button>
|
|
<Button auto flat color="success" onClick={onApprove} disabled={loading}>
|
|
{loading ? <Loading size="sm" color="success" /> : 'Approve'}
|
|
</Button>
|
|
</Modal.Footer>
|
|
</Fragment>
|
|
)
|
|
}
|