11826960107

Committed 13 Nov 2024 10:31PM UTC coverage: 85.956% (-0.6%) from 86.605%

Build # 11826960107

Build Type

Pull #256

github

Committed by

nevendyulgerov

Commit Message

test(apps/web): Tweak layout for tuple inputs

Pull Request Pull Request #256: #251 Add ABI encoding for raw input form

Run Details

1368 of 1630 branches covered (83.93%)

Branch coverage included in aggregate %.

793 of 984 new or added lines in 13 files covered. (80.59%)

9465 of 10973 relevant lines covered (86.26%)

47.16 hits per line

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

0.0

/apps/web/src/components/inputs/inputCard.tsx

import { Group, Paper, Stack, Text } from "@mantine/core";
import { FC } from "react";
import prettyMilliseconds from "pretty-ms";
import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
import { InputItemFragment } from "../../graphql/explorer/operations";

export type InputCardProps = {
    input: InputItemFragment;
};

const InputCard: FC<InputCardProps> = ({ input }) => {
    const age = prettyMilliseconds(Date.now() - input.timestamp * 1000, {
        unitCount: 2,
        verbose: true,
    });
    return (
        <Paper>
            <Group>
                <Jazzicon
                    diameter={50}
                    seed={jsNumberForAddress(input.application.id)}
                />
                <Stack gap={0}>
                    <Group>
                        <Text fw={700}>From</Text>
                        <Text>{input.msgSender}</Text>
                    </Group>
                    <Group>
                        <Text fw={700}>To</Text>
                        <Text>{input.application.id}</Text>
                    </Group>
                    <Group>
                        <Text fw={700}>Index</Text>
                        <Text>{input.index}</Text>
                    </Group>
                    <Group>
                        <Text fw={700}>Age</Text>
                        <Text>{age} ago</Text>
                    </Group>
                </Stack>
            </Group>
        </Paper>
    );
};

export default InputCard;

1	import { Group, Paper, Stack, Text } from "@mantine/core";	×
2	import { FC } from "react";
3	import prettyMilliseconds from "pretty-ms";	×
4	import Jazzicon, { jsNumberForAddress } from "react-jazzicon";	×
5	import { InputItemFragment } from "../../graphql/explorer/operations";
6
7	export type InputCardProps = {
8	input: InputItemFragment;
9	};
10
11	const InputCard: FC<InputCardProps> = ({ input }) => {	×
12	const age = prettyMilliseconds(Date.now() - input.timestamp * 1000, {	×
13	unitCount: 2,	×
14	verbose: true,	×
15	});	×
16	return (	×
17	<Paper>	×
18	<Group>	×
19	<Jazzicon	×
20	diameter={50}	×
21	seed={jsNumberForAddress(input.application.id)}	×
22	/>	×
23	<Stack gap={0}>	×
24	<Group>	×
25	<Text fw={700}>From</Text>	×
26	<Text>{input.msgSender}</Text>	×
27	</Group>	×
28	<Group>	×
29	<Text fw={700}>To</Text>	×
30	<Text>{input.application.id}</Text>	×
31	</Group>	×
32	<Group>	×
33	<Text fw={700}>Index</Text>	×
34	<Text>{input.index}</Text>	×
35	</Group>	×
36	<Group>	×
37	<Text fw={700}>Age</Text>	×
38	<Text>{age} ago</Text>	×
39	</Group>	×
40	</Stack>	×
41	</Group>	×
42	</Paper>	×
43	);
44	};	×
45
46	export default InputCard;	×

cartesi / rollups-explorer / 11826960107

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