@xyo-network/react-chain-blockchain 1.0.12 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.mjs +29 -21
- package/dist/browser/index.mjs.map +1 -1
- package/dist/types/components/block/helpers/tsxFromBlock.d.ts +1 -1
- package/dist/types/components/block/hooks/useTxsFromBlock.d.ts +1 -1
- package/dist/types/components/block/table/row/TableRow.d.ts +2 -1
- package/dist/types/components/block/table/row/TableRow.d.ts.map +1 -1
- package/dist/types/components/transactions/submit/Builder.d.ts.map +1 -1
- package/dist/types/components/transactions/submit/SubmitChain.d.ts.map +1 -1
- package/dist/types/hooks/chain-iterator/useChainIteratorUpdatingHead.d.ts.map +1 -1
- package/package.json +49 -51
- package/src/components/block/BlockHeadingFlexbox.stories.tsx +1 -2
- package/src/components/block/table/row/TableRow.stories.tsx +1 -2
- package/src/components/block/table/row/TableRow.tsx +4 -4
- package/src/components/transactions/submit/Builder.tsx +8 -2
- package/src/components/transactions/submit/SubmitChain.tsx +7 -7
- package/src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts +0 -1
- package/src/stories/ChainArchivistDecorator.tsx +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HydratedBlock } from '@xyo-network/chain-model';
|
|
2
2
|
export declare const txsFromBlock: (block: HydratedBlock) => Promise<[import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
|
|
3
3
|
schema: string;
|
|
4
|
-
}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
|
|
4
|
+
}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/chain-model").ElevatedFields & import("@xyo-network/chain-model").FromFields & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
|
|
5
5
|
schema: "network.xyo.boundwitness";
|
|
6
6
|
}> & import("@xyo-network/boundwitness-model").BoundWitnessMeta & {
|
|
7
7
|
$signatures: import("@xylabs/hex").Hex[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HydratedBlock } from '@xyo-network/chain-model';
|
|
2
2
|
export declare const useTxsFromBlock: (block?: HydratedBlock) => [[import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
|
|
3
3
|
schema: string;
|
|
4
|
-
}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
|
|
4
|
+
}> & Partial<import("@xyo-network/payload-model").PayloadMetaFields> & import("@xyo-network/chain-model").ElevatedFields & import("@xyo-network/chain-model").FromFields & import("@xyo-network/payload-model").StorageMeta & import("@xylabs/object").DeepRestrictToStringKeys<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & import("@xyo-network/boundwitness-model").BoundWitnessFields & {
|
|
5
5
|
schema: "network.xyo.boundwitness";
|
|
6
6
|
}> & import("@xyo-network/boundwitness-model").BoundWitnessMeta & {
|
|
7
7
|
$signatures: import("@xylabs/hex").Hex[];
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { TableRowProps } from '@mui/material';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import type { BlockComponentProps } from '../../../../types/index.ts';
|
|
3
|
-
export interface BlockChainTableRowProps extends BlockComponentProps {
|
|
4
|
+
export interface BlockChainTableRowProps extends BlockComponentProps, TableRowProps {
|
|
4
5
|
linked?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const BlockChainTableRow: React.FC<BlockChainTableRowProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAOrE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,aAAa;IACjF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAehE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/Builder.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/Builder.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACvE;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0CrE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitChain.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/SubmitChain.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SubmitChain.d.ts","sourceRoot":"","sources":["../../../../../src/components/transactions/submit/SubmitChain.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA8D1C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChainIteratorUpdatingHead.d.ts","sourceRoot":"","sources":["../../../../src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAIxE,MAAM,WAAW,+BAA+B;IAC9C,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,aAAa,CAAC,EAAE,wBAAwB,CAAA;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,eAAO,MAAM,4BAA4B,GAAI,yDAE1C,+BAA+B,KAAG,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"useChainIteratorUpdatingHead.d.ts","sourceRoot":"","sources":["../../../../src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAIxE,MAAM,WAAW,+BAA+B;IAC9C,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,aAAa,CAAC,EAAE,wBAAwB,CAAA;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,eAAO,MAAM,4BAA4B,GAAI,yDAE1C,+BAA+B,KAAG,KAAK,GAAG,SAsC5C,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json.schemastore.org/package.json",
|
|
3
3
|
"name": "@xyo-network/react-chain-blockchain",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"description": "XYO Layer One React SDK Blockchain",
|
|
6
6
|
"homepage": "https://xylabs.com",
|
|
7
7
|
"bugs": {
|
|
@@ -34,65 +34,63 @@
|
|
|
34
34
|
"module": "dist/browser/index.mjs",
|
|
35
35
|
"types": "dist/types/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@xylabs/assert": "^4.7.
|
|
38
|
-
"@xylabs/axios": "^4.7.
|
|
39
|
-
"@xylabs/eth-address": "^4.7.
|
|
40
|
-
"@xylabs/exists": "^4.7.
|
|
41
|
-
"@xylabs/hex": "^4.7.
|
|
42
|
-
"@xylabs/promise": "^4.7.
|
|
43
|
-
"@xylabs/react-animation": "^6.
|
|
44
|
-
"@xylabs/react-error": "^6.
|
|
45
|
-
"@xylabs/react-flexbox": "^6.
|
|
46
|
-
"@xylabs/react-identicon": "^6.
|
|
47
|
-
"@xylabs/react-promise": "^6.
|
|
48
|
-
"@xylabs/react-quick-tip-button": "^6.
|
|
49
|
-
"@xyo-network/account": "^3.10.
|
|
50
|
-
"@xyo-network/api-models": "^3.10.
|
|
51
|
-
"@xyo-network/archivist-model": "^3.10.
|
|
52
|
-
"@xyo-network/boundwitness-builder": "^3.10.
|
|
53
|
-
"@xyo-network/
|
|
54
|
-
"@xyo-network/
|
|
55
|
-
"@xyo-network/chain-
|
|
56
|
-
"@xyo-network/chain-
|
|
57
|
-
"@xyo-network/chain-
|
|
58
|
-
"@xyo-network/
|
|
59
|
-
"@xyo-network/
|
|
60
|
-
"@xyo-network/payload-
|
|
61
|
-
"@xyo-network/
|
|
62
|
-
"@xyo-network/react-chain-
|
|
63
|
-
"@xyo-network/react-
|
|
64
|
-
"@xyo-network/react-
|
|
65
|
-
"@xyo-network/react-payload-
|
|
66
|
-
"@xyo-network/react-
|
|
67
|
-
"@xyo-network/react-
|
|
37
|
+
"@xylabs/assert": "^4.7.15",
|
|
38
|
+
"@xylabs/axios": "^4.7.15",
|
|
39
|
+
"@xylabs/eth-address": "^4.7.15",
|
|
40
|
+
"@xylabs/exists": "^4.7.15",
|
|
41
|
+
"@xylabs/hex": "^4.7.15",
|
|
42
|
+
"@xylabs/promise": "^4.7.15",
|
|
43
|
+
"@xylabs/react-animation": "^6.1.2",
|
|
44
|
+
"@xylabs/react-error": "^6.1.2",
|
|
45
|
+
"@xylabs/react-flexbox": "^6.1.2",
|
|
46
|
+
"@xylabs/react-identicon": "^6.1.2",
|
|
47
|
+
"@xylabs/react-promise": "^6.1.2",
|
|
48
|
+
"@xylabs/react-quick-tip-button": "^6.1.2",
|
|
49
|
+
"@xyo-network/account": "^3.10.6",
|
|
50
|
+
"@xyo-network/api-models": "^3.10.6",
|
|
51
|
+
"@xyo-network/archivist-model": "^3.10.6",
|
|
52
|
+
"@xyo-network/boundwitness-builder": "^3.10.6",
|
|
53
|
+
"@xyo-network/boundwitness-model": "^3.10.6",
|
|
54
|
+
"@xyo-network/bridge-http": "^3.10.6",
|
|
55
|
+
"@xyo-network/chain-ethereum": "^1.1.0",
|
|
56
|
+
"@xyo-network/chain-model": "^1.1.0",
|
|
57
|
+
"@xyo-network/chain-protocol": "^1.1.0",
|
|
58
|
+
"@xyo-network/chain-services": "^1.1.0",
|
|
59
|
+
"@xyo-network/module-model": "^3.10.6",
|
|
60
|
+
"@xyo-network/payload-builder": "^3.10.6",
|
|
61
|
+
"@xyo-network/payload-model": "^3.10.6",
|
|
62
|
+
"@xyo-network/react-chain-blockies": "^1.1.0",
|
|
63
|
+
"@xyo-network/react-chain-boundwitness": "^1.1.0",
|
|
64
|
+
"@xyo-network/react-event": "^5.1.1",
|
|
65
|
+
"@xyo-network/react-payload-raw-info": "^5.1.1",
|
|
66
|
+
"@xyo-network/react-payload-table": "^5.1.1",
|
|
67
|
+
"@xyo-network/react-shared": "^5.1.1",
|
|
68
|
+
"@xyo-network/react-table": "^5.1.1"
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|
|
70
71
|
"@emotion/react": "^11.14.0",
|
|
71
72
|
"@emotion/styled": "^11.14.0",
|
|
72
|
-
"@mui/icons-material": "^
|
|
73
|
-
"@mui/material": "^
|
|
74
|
-
"@
|
|
75
|
-
"@
|
|
76
|
-
"@
|
|
77
|
-
"@xylabs/
|
|
78
|
-
"@xylabs/
|
|
79
|
-
"@xylabs/
|
|
80
|
-
"@
|
|
81
|
-
"@xyo-network/
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"react": "^
|
|
85
|
-
"
|
|
86
|
-
"react-router-dom": "^7.4.0",
|
|
87
|
-
"storybook": "^8.6.9",
|
|
73
|
+
"@mui/icons-material": "^7.0.1",
|
|
74
|
+
"@mui/material": "^7.0.1",
|
|
75
|
+
"@storybook/react": "^8.6.11",
|
|
76
|
+
"@types/react": "^19.1.0",
|
|
77
|
+
"@xylabs/delay": "^4.7.15",
|
|
78
|
+
"@xylabs/hex": "^4.7.15",
|
|
79
|
+
"@xylabs/ts-scripts-yarn3": "^6.2.1",
|
|
80
|
+
"@xylabs/tsconfig-react": "^6.2.1",
|
|
81
|
+
"@xyo-network/archivist-memory": "^3.10.6",
|
|
82
|
+
"@xyo-network/chain-utils": "^1.1.0",
|
|
83
|
+
"react": "^19.1.0",
|
|
84
|
+
"react-dom": "^19.1.0",
|
|
85
|
+
"react-router-dom": "^7.4.1",
|
|
86
|
+
"storybook": "^8.6.11",
|
|
88
87
|
"typescript": "^5.8.2"
|
|
89
88
|
},
|
|
90
89
|
"peerDependencies": {
|
|
91
90
|
"@emotion/react": "^11",
|
|
92
91
|
"@emotion/styled": "^11",
|
|
93
|
-
"@mui/icons-material": "^
|
|
94
|
-
"@mui/material": "^
|
|
95
|
-
"@mui/styles": "^6",
|
|
92
|
+
"@mui/icons-material": "^7",
|
|
93
|
+
"@mui/material": "^7",
|
|
96
94
|
"react": "^19",
|
|
97
95
|
"react-dom": "^19"
|
|
98
96
|
},
|
|
@@ -2,7 +2,6 @@ import {
|
|
|
2
2
|
Alert, AlertTitle, List, ListItem, Stack,
|
|
3
3
|
} from '@mui/material'
|
|
4
4
|
import type { Meta, StoryFn } from '@storybook/react'
|
|
5
|
-
import type { BlockBoundWitness } from '@xyo-network/chain-model'
|
|
6
5
|
import React, { useState } from 'react'
|
|
7
6
|
|
|
8
7
|
import { buildRandomBlockChainBlocksOnly } from '../../stories/index.ts'
|
|
@@ -15,7 +14,7 @@ export default {
|
|
|
15
14
|
component: BlockHeadingFlexbox,
|
|
16
15
|
} as Meta
|
|
17
16
|
|
|
18
|
-
const blocks = await buildRandomBlockChainBlocksOnly()
|
|
17
|
+
const blocks = await buildRandomBlockChainBlocksOnly()
|
|
19
18
|
|
|
20
19
|
const Template: StoryFn<typeof BlockHeadingFlexbox> = args => <BlockHeadingFlexbox {...args} />
|
|
21
20
|
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Table, TableBody } from '@mui/material'
|
|
2
2
|
import type { Meta, StoryFn } from '@storybook/react'
|
|
3
|
-
import type { BlockBoundWitness } from '@xyo-network/chain-model'
|
|
4
3
|
import React from 'react'
|
|
5
4
|
|
|
6
5
|
import { buildRandomBlockChainBlocksOnly } from '../../../../stories/index.ts'
|
|
7
6
|
import { BlockChainTableRow } from './TableRow.tsx'
|
|
8
7
|
|
|
9
|
-
const [block] = await buildRandomBlockChainBlocksOnly(1)
|
|
8
|
+
const [block] = await buildRandomBlockChainBlocksOnly(1)
|
|
10
9
|
|
|
11
10
|
export default {
|
|
12
11
|
title: 'Block/TableRow',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { TableRowProps } from '@mui/material'
|
|
1
2
|
import { TableRow } from '@mui/material'
|
|
2
3
|
import React, { useMemo } from 'react'
|
|
3
4
|
|
|
@@ -8,18 +9,17 @@ import {
|
|
|
8
9
|
BlockVerificationTableCell,
|
|
9
10
|
} from '../cell/index.ts'
|
|
10
11
|
|
|
11
|
-
export interface BlockChainTableRowProps extends BlockComponentProps {
|
|
12
|
+
export interface BlockChainTableRowProps extends BlockComponentProps, TableRowProps {
|
|
12
13
|
linked?: boolean
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export const BlockChainTableRow: React.FC<BlockChainTableRowProps> = ({
|
|
16
|
-
|
|
17
|
-
block, defaultExpanded, linked, ...props
|
|
17
|
+
block, defaultExpanded, linked, sx, ...props
|
|
18
18
|
}) => {
|
|
19
19
|
const linkedTableCellProps = useMemo(() => ({ block, linked }), [block, linked])
|
|
20
20
|
const defaultTableCellProps = useMemo(() => ({ block }), [block])
|
|
21
21
|
return (
|
|
22
|
-
<TableRow {...props}>
|
|
22
|
+
<TableRow sx={{ overflowY: 'scroll', ...sx }} {...props}>
|
|
23
23
|
<BlockHashTableCell {...defaultTableCellProps} />
|
|
24
24
|
<BlockNumberTableCell {...linkedTableCellProps} />
|
|
25
25
|
<BlockTransactionCountTableCell {...linkedTableCellProps} />
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button, FormControl, TextField,
|
|
3
3
|
} from '@mui/material'
|
|
4
|
-
import type
|
|
4
|
+
import { type Address, toHex } from '@xylabs/hex'
|
|
5
5
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
6
6
|
import type { TransactionBoundWitnessFields } from '@xyo-network/chain-model'
|
|
7
|
+
import { defaultFees } from '@xyo-network/chain-protocol'
|
|
7
8
|
import React from 'react'
|
|
8
9
|
|
|
9
10
|
export interface ChainTransactionBuilder {
|
|
@@ -18,9 +19,14 @@ export const ChainTransactionBuilder: React.FC<ChainTransactionBuilder> = ({ onS
|
|
|
18
19
|
// TODO - more field level validation
|
|
19
20
|
const chainTx: TransactionBoundWitnessFields = {
|
|
20
21
|
chain: formData.get('chain') as Address,
|
|
21
|
-
gas: formData.get('gas') as Hex,
|
|
22
22
|
nbf: Number.parseInt(formData.get('nbf') as string),
|
|
23
23
|
exp: Number.parseInt(formData.get('exp') as string),
|
|
24
|
+
fees: {
|
|
25
|
+
gasLimit: toHex(defaultFees.gasLimit),
|
|
26
|
+
gasPrice: toHex(defaultFees.gasPrice),
|
|
27
|
+
base: toHex(defaultFees.base),
|
|
28
|
+
priority: toHex(defaultFees.priority),
|
|
29
|
+
},
|
|
24
30
|
nonce: [],
|
|
25
31
|
}
|
|
26
32
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {
|
|
2
|
-
Alert,
|
|
2
|
+
Alert, Grid, Typography,
|
|
3
3
|
} from '@mui/material'
|
|
4
4
|
import { axios } from '@xylabs/axios'
|
|
5
5
|
import { ErrorRender } from '@xylabs/react-error'
|
|
@@ -19,9 +19,10 @@ import { ChainTransactionBuilder } from './Builder.tsx'
|
|
|
19
19
|
import { ChainTransactionNetwork } from './Network.tsx'
|
|
20
20
|
|
|
21
21
|
const BETA_PENDING_TRANSACTIONS_ARCHIVIST = 'https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693'
|
|
22
|
+
const defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST)
|
|
22
23
|
|
|
23
24
|
export const SubmitChainTransaction: React.FC = () => {
|
|
24
|
-
const [network, setNetwork] = useState<URL>(
|
|
25
|
+
const [network, setNetwork] = useState<URL>(defaultNetwork)
|
|
25
26
|
const [result, setResult] = useState<ModuleQueryResult>()
|
|
26
27
|
const [error, setError] = useState<Error>()
|
|
27
28
|
|
|
@@ -31,7 +32,6 @@ export const SubmitChainTransaction: React.FC = () => {
|
|
|
31
32
|
const [transactionBoundWitness] = await buildTransaction(
|
|
32
33
|
chainTx.chain,
|
|
33
34
|
[],
|
|
34
|
-
BigInt(`0x${chainTx.gas}`),
|
|
35
35
|
randomAccount,
|
|
36
36
|
chainTx.nbf,
|
|
37
37
|
chainTx.exp,
|
|
@@ -58,8 +58,8 @@ export const SubmitChainTransaction: React.FC = () => {
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
return (
|
|
61
|
-
<
|
|
62
|
-
<
|
|
61
|
+
<Grid container>
|
|
62
|
+
<Grid size={{
|
|
63
63
|
xs: 12, sm: 6, md: 4,
|
|
64
64
|
}}
|
|
65
65
|
>
|
|
@@ -80,7 +80,7 @@ export const SubmitChainTransaction: React.FC = () => {
|
|
|
80
80
|
)
|
|
81
81
|
: null}
|
|
82
82
|
</FlexGrowCol>
|
|
83
|
-
</
|
|
84
|
-
</
|
|
83
|
+
</Grid>
|
|
84
|
+
</Grid>
|
|
85
85
|
)
|
|
86
86
|
}
|
|
@@ -40,5 +40,5 @@ export const ChainArchivistDecorator: Decorator = (Story, context) => {
|
|
|
40
40
|
},
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
return blockChainRenderProps?.chainArchivist ? <Story {...props} /> :
|
|
43
|
+
return blockChainRenderProps?.chainArchivist ? <Story {...props} /> : <CircularProgress />
|
|
44
44
|
}
|