neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display contract error tx (#4649)

Browse Source
This commit is contained in:
Jaco Greeff 2021-02-11 10:01:18 +01:00 committed by GitHub
parent a4a1f4e3ec
commit 8f35da1f40
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/page-contracts/src/Codes/Upload.tsx
View File

@ -7,7 +7,7 @@ import type { CodeSubmittableResult } from '@polkadot/api-contract/promise/types
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { CodePromise } from '@polkadot/api-contract';
import { Button, Dropdown, InputAddress, InputBalance, InputFile, Modal, TxButton } from '@polkadot/react-components';
import { Button, Dropdown, InputAddress, InputBalance, InputFile, MarkError, Modal, TxButton } from '@polkadot/react-components';
import { useAccountId, useApi, useNonEmptyString, useNonZeroBn, useStepper } from '@polkadot/react-hooks';
import { Available } from '@polkadot/react-query';
import { keyring } from '@polkadot/ui-keyring';
@ -29,7 +29,7 @@ function Upload ({ onClose }: Props): React.ReactElement {
const { api } = useApi();
const [accountId, setAccountId] = useAccountId();
const [step, nextStep, prevStep] = useStepper();
const [uploadTx, setUploadTx] = useState<SubmittableExtrinsic<'promise'> | null>(null);
const [[uploadTx, error], setUploadTx] = useState<[SubmittableExtrinsic<'promise'> | null, string | null]>([null, null]);
const [constructorIndex, setConstructorIndex] = useState(0);
const [endowment, isEndowmentValid, setEndowment] = useNonZeroBn(ENDOWMENT);
const [params, setParams] = useState<any[]>([]);
@ -86,16 +86,17 @@ function Upload ({ onClose }: Props): React.ReactElement {
useEffect((): void => {
let contract: SubmittableExtrinsic<'promise'> | null = null;
let error: string | null = null;
try {
contract = code && contractAbi && endowment
? code.createContract(constructorIndex, { gasLimit: weight.weight, value: endowment }, params)
: null;
} catch (error) {
// ignore, is null
} catch (e) {
error = (e as Error).message;
}
setUploadTx(() => contract);
setUploadTx(() => [contract, error]);
}, [code, contractAbi, constructorIndex, endowment, params, weight]);
const _onAddWasm = useCallback(
@ -206,6 +207,9 @@ function Upload ({ onClose }: Props): React.ReactElement {
help={t<string>('The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.')}
weight={weight}
/>
{error && (
<MarkError content={error} />
)}
</>
)}
</Modal.Content>