cartesi/rollups-explorer | Build 8733556052 | packages/ui/src/ERC1155DepositForm/TokenFields.tsx | Coveralls

1

import {

1✔

2

    useReadErc1155BalanceOf,

1✔

3

    useReadErc1155Uri,

1✔

4

} from "@cartesi/rollups-wagmi";

1✔

5

import {

1✔

6

    Accordion,

1✔

7

    Avatar,

1✔

8

    Button,

1✔

9

    Collapse,

1✔

10

    DefaultMantineColor,

1✔

11

    Flex,

1✔

12

    Group,

1✔

13

    JsonInput,

1✔

14

    Loader,

1✔

15

    Notification,

1✔

16

    NumberFormatter,

1✔

17

    NumberInput,

1✔

18

    Stack,

1✔

19

    Text,

1✔

20

    TextInput,

1✔

21

} from "@mantine/core";

1✔

22

import {

1✔

23

    allPass,

1✔

24

    complement,

1✔

25

    equals,

1✔

26

    hasPath,

1✔

27

is,

1✔

28

    isNil,

1✔

29

    isNotNil,

1✔

30

or,

1✔

31

    pathOr,

1✔

32

} from "ramda";

1✔

33

import { FC, useEffect } from "react";

1✔

34

import { Address, toHex, zeroAddress } from "viem";

1✔

35

import { Config } from "wagmi";

1✔

36

import { Mode, useFormContext } from "./context";

1✔

37

import {

1✔

38

    State,

1✔

39

    TokenMetadataResult,

1✔

40

    useGetTokenMetadata,

1✔

41

} from "./useGetTokenMetadata";

1✔

42

1✔

43

type BalanceOf = ReturnType<

1✔

44

    typeof useReadErc1155BalanceOf<

1✔

45

        "balanceOf",

1✔

46

        [Address, bigint],

1✔

47

        Config,

1✔

48

        bigint

1✔

49

1✔

50

>;

1✔

51

1✔

52

interface Props {

1✔

53

    balanceOf: BalanceOf;

1✔

54

    display: boolean;

1✔

55

1✔

56

1✔

57

const notIdle = complement(equals<State>("idle"));

1✔

58

const notFetching = complement(equals<State>("fetching"));

1✔

59

const hasResult = allPass([notFetching, notIdle]);

1✔

60

1✔

61

interface MetadataViewProps {

1✔

62

    tokenMetadata: TokenMetadataResult;

1✔

63

1✔

64

interface MessageProps {

1✔

65

    color?: DefaultMantineColor;

1✔

66

    title: string;

1✔

67

    content?: string;

1✔

68

1✔

69

1✔

70

const Message: FC<MessageProps> = ({ title, content, color }) => {

1✔

71

    return (

30✔

72

        <Notification

30✔

73

            color={color ?? "blue"}

30✔

74

            title={title}

30✔

75

            withCloseButton={false}

30✔

76

30✔

77

            {content && <Text size="xs">{content}</Text>}

30✔

78

        </Notification>

30✔

79

);

30✔

80

};

30✔

81

1✔

82

/**

1✔

83

 * Messages to display based on the State

1✔

84

 * in the token-metadata-result. Tracking only the ones of interest.

1✔

85

*/

1✔

86

const feedbackByState: Partial<Record<State, string>> = {

1✔

87

    http_network_error: "We could not fetch the metadata.",

1✔

88

    not_http: "The URI is valid, but it is not an HTTP protocol.",

1✔

89

    errored: "Something is wrong with the URI returned by the contract.",

1✔

90

} as const;

1✔

91

1✔

92

const MetadataView: FC<MetadataViewProps> = ({ tokenMetadata }) => {

1✔

93

    const { state, url, data } = tokenMetadata;

333✔

94

    const message = feedbackByState[state];

333✔

95

    const name = pathOr("", ["name"], data);

333✔

96

    const description = pathOr("", ["description"], data);

333✔

97

    const image = pathOr("", ["image"], data);

333✔

98

    const dataAsString = is(Object, data)

333✔

99

        ? JSON.stringify(data, null, " ")

303✔

100

        : data;

30✔

101

333✔

102

    return (

333✔

103

<>

333✔

104

            {isNotNil(message) && (

333✔

105

                <Message

30✔

106

                    title={message}

30✔

107

                    content={or(url, "URI is not defined.")}

30✔

108

/>

30✔

109

)}

333✔

110

333✔

111

            {state === "success" && (

333✔

112

                <Accordion

303✔

113

                    chevronPosition="right"

303✔

114

                    variant="contained"

303✔

115

                    py="sm"

303✔

116

                    data-testid="metadata-view"

303✔

117

303✔

118

                    <Accordion.Item

303✔

119

                        key={tokenMetadata.state}

303✔

120

                        value={tokenMetadata.state}

303✔

121

303✔

122

                        <Accordion.Control>

303✔

123

                            <Group wrap="nowrap">

303✔

124

                                <Avatar

303✔

125

                                    src={image}

303✔

126

                                    radius="xl"

303✔

127

                                    size="lg"

303✔

128

                                    data-testid="metadata-view-img"

303✔

129

303✔

131

                                </Avatar>

303✔

132

                                <div>

303✔

133

                                    <Text>{name}</Text>

303✔

134

                                    <Text

303✔

135

                                        size="sm"

303✔

136

                                        c="dimmed"

303✔

137

                                        fw={400}

303✔

138

                                        lineClamp={2}

303✔

139

303✔

140

                                        {description}

303✔

141

                                    </Text>

303✔

142

                                </div>

303✔

143

                            </Group>

303✔

144

                        </Accordion.Control>

303✔

145

                        <Accordion.Panel>

303✔

146

                            <JsonInput

303✔

147

                                autosize

303✔

148

                                maxRows={10}

303✔

149

                                readOnly

303✔

150

                                contentEditable={false}

303✔

151

                                value={dataAsString}

303✔

152

/>

303✔

153

                        </Accordion.Panel>

303✔

154

                    </Accordion.Item>

303✔

155

                </Accordion>

303✔

156

)}

333✔

157

</>

333✔

158

);

333✔

159

};

333✔

160

1✔

161

interface AddToBatchListProps {

1✔

162

    name?: string;

1✔

163

    tokenId?: bigint;

1✔

164

    amount?: bigint;

1✔

165

1✔

166

1✔

167

const AddToBatchList: FC<AddToBatchListProps> = ({ name, tokenId, amount }) => {

1✔

168

    const form = useFormContext();

190✔

169

    const batchErrorMsg = pathOr(null, ["errors", "batch"], form);

190✔

170

190✔

171

    const noErrors = isNil(form.errors.amount) && isNil(form.errors.tokenId);

190✔

172

    const canAddToList =

190✔

173

        tokenId !== undefined && amount !== undefined && noErrors;

190✔

174

190✔

175

    return (

190✔

176

<>

190✔

177

            <Button

190✔

178

                disabled={!canAddToList}

190✔

179

                onClick={() => {

190✔

180

                    const newEntry = {

11✔

181

                        amount: amount!,

11✔

182

                        tokenId: tokenId!,

11✔

183

                        name,

11✔

184

                        id: toHex(Date.now()),

11✔

185

};

11✔

186

11✔

187

                    form.setValues((prev) => {

11✔

188

                        return {

11✔

189

                            batch: [...(prev.batch ?? []), newEntry],

11✔

190

                            tokenId: "",

11✔

191

                            amount: "",

11✔

192

};

11✔

193

});

11✔

194

}}

11✔

195

190✔

196

                ADD TO DEPOSIT LIST

190✔

197

            </Button>

190✔

198

190✔

199

            <Text c="red" size="xs">

190✔

200

                {batchErrorMsg}

190✔

201

            </Text>

190✔

202

</>

190✔

203

);

190✔

204

};

190✔

205

1✔

206

const TokenFields: FC<Props> = ({ balanceOf, display }) => {

1✔

207

    const form = useFormContext();

333✔

208

    const mode = pathOr<Mode>("single", ["values", "mode"], form);

333✔

209

    const { erc1155Address, tokenId, amount } = form.getTransformedValues();

333✔

210

    const { data: accountBalance, isLoading: isCheckingBalance } = balanceOf;

333✔

211

333✔

212

    const { data: uri } = useReadErc1155Uri({

333✔

213

        address: erc1155Address !== zeroAddress ? erc1155Address : undefined,

333✔

214

        args: [tokenId!],

333✔

215

        query: {

333✔

216

            enabled: tokenId !== undefined,

333✔

217

},

333✔

218

});

333✔

219

333✔

220

    const metadataResult = useGetTokenMetadata(uri, tokenId);

333✔

221

333✔

222

    const hasMetaResult = hasResult(metadataResult.state);

333✔

223

    const decimals = pathOr(0, ["decimals"], metadataResult.data);

333✔

224

    const name = pathOr("", ["name"], metadataResult.data);

333✔

225

    const symbol = pathOr("", ["symbol"], metadataResult.data);

333✔

226

333✔

227

    useEffect(() => {

333✔

228

        form.setFieldValue("decimals", decimals);

62✔

229

        // eslint-disable-next-line react-hooks/exhaustive-deps

62✔

230

    }, [decimals]);

333✔

231

333✔

232

    useEffect(() => {

333✔

233

        if (accountBalance) form.setFieldValue("balance", accountBalance);

62✔

234

        // eslint-disable-next-line react-hooks/exhaustive-deps

62✔

235

    }, [accountBalance]);

333✔

236

333✔

237

    return (

333✔

238

        <Collapse in={display}>

333✔

239

            <Stack>

333✔

240

                <TextInput

333✔

241

                    type="number"

333✔

242

                    min={0}

333✔

243

                    step={1}

333✔

244

                    label="Token id"

333✔

245

                    description="Token identifier to deposit"

333✔

246

                    placeholder="1"

333✔

247

                    withAsterisk

333✔

248

                    data-testid="token-id-input"

333✔

249

                    rightSection={

333✔

252

333✔

253

333✔

254

                    {...form.getInputProps("tokenId")}

333✔

255

/>

333✔

256

                <NumberInput

333✔

257

                    disabled={

333✔

258

                        hasPath(["errors", "tokenId"], form) || !hasMetaResult

333✔

259

333✔

260

                    allowDecimal={decimals > 0}

333✔

261

                    decimalScale={decimals}

333✔

262

                    hideControls

333✔

263

                    min={0}

333✔

264

                    label="Amount"

333✔

265

                    description="Amount of tokens to deposit"

333✔

266

                    placeholder="0"

333✔

267

                    withAsterisk

333✔

268

                    data-testid="amount-input"

333✔

269

                    rightSectionProps={{

333✔

270

                        style: { width: "auto", paddingRight: "0.5rem" },

333✔

271

}}

333✔

272

                    rightSection={

333✔

275

                        ) : (

333✔

276

                            <Text> {symbol || name} </Text>

333✔

277

333✔

278

333✔

279

                    {...form.getInputProps("amount")}

333✔

280

/>

333✔

281

333✔

282

                {!form.errors.tokenId && (

333✔

283

<>

329✔

284

                        <Flex

329✔

285

                            mt="-sm"

329✔

286

                            justify={"space-between"}

329✔

287

                            direction={"row"}

329✔

288

329✔

289

                            <Flex rowGap={6} c={"dimmed"} align="flex-start">

329✔

290

                                <Text fz="xs">Balance:</Text>

329✔

291

                                <Text id="token-balance" fz="xs" mx={4}>

329✔

294

                                        : ""}

329✔

295

                                    <NumberFormatter

329✔

296

                                        thousandSeparator

329✔

297

                                        value={or(accountBalance, 0).toString()}

329✔

298

/>

329✔

299

                                </Text>

329✔

300

                                {accountBalance !== undefined &&

329✔

301

                                    accountBalance > 0 && (

329✔

302

                                        <Button

329✔

303

                                            h="auto"

329✔

304

                                            p={2}

329✔

305

                                            size="xs"

329✔

306

                                            variant="transparent"

329✔

307

                                            onClick={() =>

329✔

312

329✔

313

                                            data-testid="max-amount"

329✔

314

329✔

315

Max

329✔

316

                                        </Button>

329✔

317

)}

329✔

318

                            </Flex>

329✔

319

329✔

320

                            <Text fz="xs" c="dimmed">

329✔

321

                                Decimals: {decimals}

329✔

322

                            </Text>

329✔

323

                        </Flex>

329✔

324

</>

329✔

325

)}

333✔

326

                {mode === "batch" && (

333✔

327

                    <AddToBatchList

190✔

328

                        name={name}

190✔

329

                        amount={amount}

190✔

330

                        tokenId={tokenId}

190✔

331

/>

190✔

332

)}

333✔

333

                <Stack>

333✔

334

                    <MetadataView tokenMetadata={metadataResult} />

333✔

335

                </Stack>

333✔

336

            </Stack>

333✔

337

        </Collapse>

333✔

338

);

333✔

339

};

333✔

340

1✔

341

TokenFields.displayName = "TokenFields";

1✔

342

1✔

343

export default TokenFields;

1✔

cartesi / rollups-explorer / 8733556052

Source File
Press 'n' to go to next uncovered line, 'b' for previous

1	import {	1✔
2	useReadErc1155BalanceOf,	1✔
3	useReadErc1155Uri,	1✔
4	} from "@cartesi/rollups-wagmi";	1✔
5	import {	1✔
6	Accordion,	1✔
7	Avatar,	1✔
8	Button,	1✔
9	Collapse,	1✔
10	DefaultMantineColor,	1✔
11	Flex,	1✔
12	Group,	1✔
13	JsonInput,	1✔
14	Loader,	1✔
15	Notification,	1✔
16	NumberFormatter,	1✔
17	NumberInput,	1✔
18	Stack,	1✔
19	Text,	1✔
20	TextInput,	1✔
21	} from "@mantine/core";	1✔
22	import {	1✔
23	allPass,	1✔
24	complement,	1✔
25	equals,	1✔
26	hasPath,	1✔
27	is,	1✔
28	isNil,	1✔
29	isNotNil,	1✔
30	or,	1✔
31	pathOr,	1✔
32	} from "ramda";	1✔
33	import { FC, useEffect } from "react";	1✔
34	import { Address, toHex, zeroAddress } from "viem";	1✔
35	import { Config } from "wagmi";	1✔
36	import { Mode, useFormContext } from "./context";	1✔
37	import {	1✔
38	State,	1✔
39	TokenMetadataResult,	1✔
40	useGetTokenMetadata,	1✔
41	} from "./useGetTokenMetadata";	1✔
42		1✔
43	type BalanceOf = ReturnType<	1✔
44	typeof useReadErc1155BalanceOf<	1✔
45	"balanceOf",	1✔
46	[Address, bigint],	1✔
47	Config,	1✔
48	bigint	1✔
49	>	1✔
50	>;	1✔
51		1✔
52	interface Props {	1✔
53	balanceOf: BalanceOf;	1✔
54	display: boolean;	1✔
55	}	1✔
56		1✔
57	const notIdle = complement(equals<State>("idle"));	1✔
58	const notFetching = complement(equals<State>("fetching"));	1✔
59	const hasResult = allPass([notFetching, notIdle]);	1✔
60		1✔
61	interface MetadataViewProps {	1✔
62	tokenMetadata: TokenMetadataResult;	1✔
63	}	1✔
64	interface MessageProps {	1✔
65	color?: DefaultMantineColor;	1✔
66	title: string;	1✔
67	content?: string;	1✔
68	}	1✔
69		1✔
70	const Message: FC<MessageProps> = ({ title, content, color }) => {	1✔
71	return (	30✔
72	<Notification	30✔
73	color={color ?? "blue"}	30✔
74	title={title}	30✔
75	withCloseButton={false}	30✔
76	>	30✔
77	{content && <Text size="xs">{content}</Text>}	30✔
78	</Notification>	30✔
79	);	30✔
80	};	30✔
81		1✔
82	/**	1✔
83	* Messages to display based on the State	1✔
84	* in the token-metadata-result. Tracking only the ones of interest.	1✔
85	*/	1✔
86	const feedbackByState: Partial<Record<State, string>> = {	1✔
87	http_network_error: "We could not fetch the metadata.",	1✔
88	not_http: "The URI is valid, but it is not an HTTP protocol.",	1✔
89	errored: "Something is wrong with the URI returned by the contract.",	1✔
90	} as const;	1✔
91		1✔
92	const MetadataView: FC<MetadataViewProps> = ({ tokenMetadata }) => {	1✔
93	const { state, url, data } = tokenMetadata;	333✔
94	const message = feedbackByState[state];	333✔
95	const name = pathOr("", ["name"], data);	333✔
96	const description = pathOr("", ["description"], data);	333✔
97	const image = pathOr("", ["image"], data);	333✔
98	const dataAsString = is(Object, data)	333✔
99	? JSON.stringify(data, null, " ")	303✔
100	: data;	30✔
101		333✔
102	return (	333✔
103	<>	333✔
104	{isNotNil(message) && (	333✔
105	<Message	30✔
106	title={message}	30✔
107	content={or(url, "URI is not defined.")}	30✔
108	/>	30✔
109	)}	333✔
110		333✔
111	{state === "success" && (	333✔
112	<Accordion	303✔
113	chevronPosition="right"	303✔
114	variant="contained"	303✔
115	py="sm"	303✔
116	data-testid="metadata-view"	303✔
117	>	303✔
118	<Accordion.Item	303✔
119	key={tokenMetadata.state}	303✔
120	value={tokenMetadata.state}	303✔
121	>	303✔
122	<Accordion.Control>	303✔
123	<Group wrap="nowrap">	303✔
124	<Avatar	303✔
125	src={image}	303✔
126	radius="xl"	303✔
127	size="lg"	303✔
128	data-testid="metadata-view-img"	303✔
129	>	303✔
130	{name ?? "TK"}	303!
131	</Avatar>	303✔
132	<div>	303✔
133	<Text>{name}</Text>	303✔
134	<Text	303✔
135	size="sm"	303✔
136	c="dimmed"	303✔
137	fw={400}	303✔
138	lineClamp={2}	303✔
139	>	303✔
140	{description}	303✔
141	</Text>	303✔
142	</div>	303✔
143	</Group>	303✔
144	</Accordion.Control>	303✔
145	<Accordion.Panel>	303✔
146	<JsonInput	303✔
147	autosize	303✔
148	maxRows={10}	303✔
149	readOnly	303✔
150	contentEditable={false}	303✔
151	value={dataAsString}	303✔
152	/>	303✔
153	</Accordion.Panel>	303✔
154	</Accordion.Item>	303✔
155	</Accordion>	303✔
156	)}	333✔
157	</>	333✔
158	);	333✔
159	};	333✔
160		1✔
161	interface AddToBatchListProps {	1✔
162	name?: string;	1✔
163	tokenId?: bigint;	1✔
164	amount?: bigint;	1✔
165	}	1✔
166		1✔
167	const AddToBatchList: FC<AddToBatchListProps> = ({ name, tokenId, amount }) => {	1✔
168	const form = useFormContext();	190✔
169	const batchErrorMsg = pathOr(null, ["errors", "batch"], form);	190✔
170		190✔
171	const noErrors = isNil(form.errors.amount) && isNil(form.errors.tokenId);	190✔
172	const canAddToList =	190✔
173	tokenId !== undefined && amount !== undefined && noErrors;	190✔
174		190✔
175	return (	190✔
176	<>	190✔
177	<Button	190✔
178	disabled={!canAddToList}	190✔
179	onClick={() => {	190✔
180	const newEntry = {	11✔
181	amount: amount!,	11✔
182	tokenId: tokenId!,	11✔
183	name,	11✔
184	id: toHex(Date.now()),	11✔
185	};	11✔
186		11✔
187	form.setValues((prev) => {	11✔
188	return {	11✔
189	batch: [...(prev.batch ?? []), newEntry],	11✔
190	tokenId: "",	11✔
191	amount: "",	11✔
192	};	11✔
193	});	11✔
194	}}	11✔
195	>	190✔
196	ADD TO DEPOSIT LIST	190✔
197	</Button>	190✔
198		190✔
199	<Text c="red" size="xs">	190✔
200	{batchErrorMsg}	190✔
201	</Text>	190✔
202	</>	190✔
203	);	190✔
204	};	190✔
205		1✔
206	const TokenFields: FC<Props> = ({ balanceOf, display }) => {	1✔
207	const form = useFormContext();	333✔
208	const mode = pathOr<Mode>("single", ["values", "mode"], form);	333✔
209	const { erc1155Address, tokenId, amount } = form.getTransformedValues();	333✔
210	const { data: accountBalance, isLoading: isCheckingBalance } = balanceOf;	333✔
211		333✔
212	const { data: uri } = useReadErc1155Uri({	333✔
213	address: erc1155Address !== zeroAddress ? erc1155Address : undefined,	333✔
214	args: [tokenId!],	333✔
215	query: {	333✔
216	enabled: tokenId !== undefined,	333✔
217	},	333✔
218	});	333✔
219		333✔
220	const metadataResult = useGetTokenMetadata(uri, tokenId);	333✔
221		333✔
222	const hasMetaResult = hasResult(metadataResult.state);	333✔
223	const decimals = pathOr(0, ["decimals"], metadataResult.data);	333✔
224	const name = pathOr("", ["name"], metadataResult.data);	333✔
225	const symbol = pathOr("", ["symbol"], metadataResult.data);	333✔
226		333✔
227	useEffect(() => {	333✔
228	form.setFieldValue("decimals", decimals);	62✔
229	// eslint-disable-next-line react-hooks/exhaustive-deps	62✔
230	}, [decimals]);	333✔
231		333✔
232	useEffect(() => {	333✔
233	if (accountBalance) form.setFieldValue("balance", accountBalance);	62✔
234	// eslint-disable-next-line react-hooks/exhaustive-deps	62✔
235	}, [accountBalance]);	333✔
236		333✔
237	return (	333✔
238	<Collapse in={display}>	333✔
239	<Stack>	333✔
240	<TextInput	333✔
241	type="number"	333✔
242	min={0}	333✔
243	step={1}	333✔
244	label="Token id"	333✔
245	description="Token identifier to deposit"	333✔
246	placeholder="1"	333✔
247	withAsterisk	333✔
248	data-testid="token-id-input"	333✔
249	rightSection={	333✔
250	metadataResult.state === "fetching" && (	333!
NEW 251	<Loader size="xs" />	×
252	)	333✔
253	}	333✔
254	{...form.getInputProps("tokenId")}	333✔
255	/>	333✔
256	<NumberInput	333✔
257	disabled={	333✔
258	hasPath(["errors", "tokenId"], form) \|\| !hasMetaResult	333✔
259	}	333✔
260	allowDecimal={decimals > 0}	333✔
261	decimalScale={decimals}	333✔
262	hideControls	333✔
263	min={0}	333✔
264	label="Amount"	333✔
265	description="Amount of tokens to deposit"	333✔
266	placeholder="0"	333✔
267	withAsterisk	333✔
268	data-testid="amount-input"	333✔
269	rightSectionProps={{	333✔
270	style: { width: "auto", paddingRight: "0.5rem" },	333✔
271	}}	333✔
272	rightSection={	333✔
273	metadataResult.state === "fetching" ? (	333!
NEW 274	<Loader size="xs" />	×
275	) : (	333✔
276	<Text> {symbol \|\| name} </Text>	333✔
277	)	333✔
278	}	333✔
279	{...form.getInputProps("amount")}	333✔
280	/>	333✔
281		333✔
282	{!form.errors.tokenId && (	333✔
283	<>	329✔
284	<Flex	329✔
285	mt="-sm"	329✔
286	justify={"space-between"}	329✔
287	direction={"row"}	329✔
288	>	329✔
289	<Flex rowGap={6} c={"dimmed"} align="flex-start">	329✔
290	<Text fz="xs">Balance:</Text>	329✔
291	<Text id="token-balance" fz="xs" mx={4}>	329✔
292	{isCheckingBalance	329!
NEW 293	? "Checking balance..."	×
294	: ""}	329✔
295	<NumberFormatter	329✔
296	thousandSeparator	329✔
297	value={or(accountBalance, 0).toString()}	329✔
298	/>	329✔
299	</Text>	329✔
300	{accountBalance !== undefined &&	329✔
301	accountBalance > 0 && (	329✔
302	<Button	329✔
303	h="auto"	329✔
304	p={2}	329✔
305	size="xs"	329✔
306	variant="transparent"	329✔
307	onClick={() =>	329✔
NEW 308	form.setFieldValue(	×
NEW 309	"amount",	×
NEW 310	accountBalance?.toString(),	×
NEW 311	)	×
312	}	329✔
313	data-testid="max-amount"	329✔
314	>	329✔
315	Max	329✔
316	</Button>	329✔
317	)}	329✔
318	</Flex>	329✔
319		329✔
320	<Text fz="xs" c="dimmed">	329✔
321	Decimals: {decimals}	329✔
322	</Text>	329✔
323	</Flex>	329✔
324	</>	329✔
325	)}	333✔
326	{mode === "batch" && (	333✔
327	<AddToBatchList	190✔
328	name={name}	190✔
329	amount={amount}	190✔
330	tokenId={tokenId}	190✔
331	/>	190✔
332	)}	333✔
333	<Stack>	333✔
334	<MetadataView tokenMetadata={metadataResult} />	333✔
335	</Stack>	333✔
336	</Stack>	333✔
337	</Collapse>	333✔
338	);	333✔
339	};	333✔
340		1✔
341	TokenFields.displayName = "TokenFields";	1✔
342		1✔
343	export default TokenFields;	1✔

cartesi / rollups-explorer / 8733556052

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous