Executing Dry Running

protofire · Nov 15, 2023 · f29e5d2 · f29e5d2
1 parent 9a2fd56
commit f29e5d2
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 13 deletions.
diff --git a/src/view/ContractDetailView/ContractInteractionForm/WriteMethodsForm.tsx b/src/view/ContractDetailView/ContractInteractionForm/WriteMethodsForm.tsx
@@ -3,6 +3,8 @@ import { ContractInteractionProps } from '.'
 import { AbiParam } from '@/services/substrate/types'
 import { useDryRunExecution } from '../useDryRunExecution'
 import { MethodDocumentation } from '../MethodDocumentation'
+import { ButtonCall } from './styled'
+import { CopyBlock, atomOneDark } from 'react-code-blocks'
 
 type Props = React.PropsWithChildren<
   Omit<ContractInteractionProps, 'type'> & {
@@ -11,13 +13,19 @@ type Props = React.PropsWithChildren<
   }
 >
 
-export function WriteMethodsForm({ children, abiParams, abiMessage }: Props) {
-  // const { outcome, executeDryRun } = useDryRunExecution({
-  //   contractPromise,
-  //   message: abiMessage,
-  //   params: inputData,
-  //   autoRun: false
-  // })
+export function WriteMethodsForm({
+  children,
+  abiParams,
+  abiMessage,
+  contractPromise,
+  inputData
+}: Props) {
+  const { outcome, executeDryRun, isSubmitting } = useDryRunExecution({
+    contractPromise,
+    message: abiMessage,
+    params: inputData,
+    autoRun: false
+  })
 
   return (
     <Stack
@@ -34,7 +42,7 @@ export function WriteMethodsForm({ children, abiParams, abiMessage }: Props) {
           <Typography variant="caption">Outcome</Typography>
         </Box>
 
-        {/* <Stack direction="row" justifyContent="space-between">
+        <Stack direction="row" justifyContent="space-between">
           <Box
             sx={{
               minWidth: '45%',
@@ -43,19 +51,20 @@ export function WriteMethodsForm({ children, abiParams, abiMessage }: Props) {
               justifyContent: 'center'
             }}
           >
-            {caller.isSubmitting ? (
+            {isSubmitting ? (
               <CircularProgress color="primary" />
             ) : (
               <CopyBlock
                 text={outcome}
                 language="text"
                 theme={atomOneDark}
                 showLineNumbers={false}
+                wrapLongLines={true}
               />
             )}
           </Box>
-          <ButtonCall onClick={() => caller.send(inputData)}>Call</ButtonCall>
-        </Stack> */}
+          <ButtonCall onClick={() => executeDryRun(inputData)}>Call</ButtonCall>
+        </Stack>
       </Box>
       <Box sx={{ maxWidth: '45%', minWidth: '40%' }}>
         <MethodDocumentation abiMessage={abiMessage} />

diff --git a/src/view/ContractDetailView/index.tsx b/src/view/ContractDetailView/index.tsx
@@ -249,7 +249,7 @@ export default function ContractDetail({ userContract }: Props): JSX.Element {
             </Tooltip>
           </Typography>
           <Stack direction="row" alignItems="center">
-            <Typography variant="caption">Added by</Typography>
+            <Typography variant="caption">By</Typography>
             {''}
             <MonoTypography sx={{ fontSize: '0.8rem' }}>
               {truncateAddress(userContract.userAddress, 4)}

diff --git a/src/view/ContractDetailView/useDryRunExecution.tsx b/src/view/ContractDetailView/useDryRunExecution.tsx
@@ -28,7 +28,6 @@ export function useDryRunExecution({
 
   const executeDryRun = useCallback(async () => {
     const result = await dryRun.send(memoizedParams)
-    console.log('__dryRun', dryRun)
     if (result?.ok) {
       setOutcome(
         `Contract call will be successful executed with ${result.value.partialFee.toString()} fee`