cartesi / rollups-explorer / 9146062076

coverage: 94.164% (-0.2%) from 94.345%
9146062076

push

github

brunomenezes 
feat: Add decoder for abi_params and json_abi modes, custom errors, types and test cases.

786 of 924 branches covered (85.06%)

Branch coverage included in aggregate %.

256 of 260 new or added lines in 3 files covered. (98.46%)

57 existing lines in 3 files now uncovered.

8620 of 9065 relevant lines covered (95.09%)

54.24 hits per line

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

97.12
/apps/web/src/components/layout/shell.tsx
1 
"use client";
1✔
2 
import {
1✔
3 
    AppShell,
1✔
4 
    Burger,
1✔
5 
    Button,
1✔
6 
    Group,
1✔
7 
    Modal,
1✔
8 
    NavLink,
1✔
9 
    Stack,
1✔
10 
    Switch,
1✔
11 
    VisuallyHidden,
1✔
12 
    useMantineColorScheme,
1✔
13 
    useMantineTheme,
1✔
14 
} from "@mantine/core";
1✔
15 
import { useDisclosure, useMediaQuery } from "@mantine/hooks";
1✔
16 
import { ConnectButton } from "@rainbow-me/rainbowkit";
1✔
17 
import Link from "next/link";
1✔
18 
import { FC, ReactNode } from "react";
1✔
19 
import {
1✔
20 
    TbAdjustmentsHorizontal,
1✔
21 
    TbApps,
1✔
22 
    TbArrowsDownUp,
1✔
23 
    TbHome,
1✔
24 
    TbInbox,
1✔
25 
    TbMoonStars,
1✔
26 
    TbPlugConnected,
1✔
27 
    TbSun,
1✔
28 
} from "react-icons/tb";
1✔
29 
import { useAccount } from "wagmi";
1✔
30 
import CartesiLogo from "../../components/cartesiLogo";
1✔
31 
import Footer from "../../components/layout/footer";
1✔
32 
import SendTransaction from "../../components/sendTransaction";
1✔
33 



1✔





34



const Shell: FC<{ children: ReactNode }> = ({ children }) => {





1✔





35



    const [opened, { toggle: toggleMobileMenu, close: closeMobileMenu }] =




14✔





36



        useDisclosure();




14✔





37



    const [




14✔





38



        transaction,




14✔





39



        {




14✔





40



            open: openTransaction,




14✔





41



            close: closeTransaction,




14✔





42



            toggle: toggleTransaction,




14✔





43



        },




14✔





44



    ] = useDisclosure(false);




14✔





45



    const theme = useMantineTheme();




14✔





46



    const showWalletNavbar = useMediaQuery(




14✔





47



        `(min-width:${theme.breakpoints.sm})`,




14✔





48



    );




14✔





49



    const showWalletSidebar = useMediaQuery(`(max-width:${767}px)`);




14✔





50



    const hideBalanceViewport = useMediaQuery(




14✔





51



        `(min-width:${theme.breakpoints.sm}) and (max-width:${50}em)`,




14✔





52



    );




14✔





53



    const { isConnected } = useAccount();




14✔





54



    const { colorScheme, toggleColorScheme } = useMantineColorScheme({




14✔





55



        keepTransitions: true,




14✔





56



    });




14✔





57



    const themeDefaultProps = theme.components?.AppShell?.defaultProps ?? {};





14!





58






14✔





59



    return (




14✔





60



        <AppShell




14✔





61



            header={themeDefaultProps.header}




14✔





62



            navbar={{




14✔





63



                ...themeDefaultProps?.navbar,




14✔





64



                width: 180,




14✔





65



                collapsed: {




14✔





66



                    mobile: !opened,




14✔





67



                },




14✔





68



            }}




14✔





69



            padding="md"




14✔





70



        >




14✔





71



            <Modal




14✔





72



                opened={transaction}




14✔





73



                onClose={closeTransaction}




14✔





74



                title="Send Transaction"




14✔





75



            >




14✔





76



                <SendTransaction />




14✔





77



            </Modal>




14✔





78



            <AppShell.Header data-testid="header">




14✔





79



                <Group h="100%" px="md">




14✔





80



                    <Burger




14✔





81



                        data-testid="burger-menu-btn"




14✔





82



                        opened={opened}




14✔





83



                        onClick={toggleMobileMenu}




14✔





84



                        hiddenFrom="sm"




14✔





85



                        size="sm"




14✔





86



                    />




14✔





87



                    <Group justify="space-between" style={{ flex: 1 }}>




14✔





88



                        <Link href="/">




14✔





89



                            <CartesiLogo height={40} />




14✔





90



                        </Link>




14✔





91



                        <Group ml={{ lg: "xl" }} gap="md">




14✔





92



                            <Button




14✔





93



                                variant="subtle"




14✔





94



                                leftSection={<TbArrowsDownUp />}




14✔





95



                                onClick={openTransaction}




14✔





96



                                disabled={!isConnected}




14✔





97



                                visibleFrom="sm"




14✔





98



                                data-testid="transaction-button"




14✔





99



                            >




14✔





100



                                Send Transaction




14✔





101



                            </Button>




14✔





102



                            {showWalletNavbar && (





14!





103



                                <ConnectButton




×







104



                                    showBalance={!hideBalanceViewport}




×








UNCOV

105



                                />




×







106



                            )}




14✔





107



                            <Switch




14✔





108



                                wrapperProps={{




14✔





109



                                    "data-testid": "theme-mode-switch",




14✔





110



                                }}




14✔





111



                                checked={colorScheme === "dark"}




14✔





112



                                onChange={() => toggleColorScheme()}




14✔





113



                                size="md"




14✔





114



                                onLabel={




14✔





115



                                    <>




14✔





116



                                        <VisuallyHidden>




14✔





117



                                            Light Mode




14✔





118



                                        </VisuallyHidden>




14✔





119



                                        <TbSun




14✔





120



                                            color={theme.white}




14✔





121



                                            size="1rem"




14✔





122



                                        />




14✔





123



                                    </>




14✔





124



                                }




14✔





125



                                offLabel={




14✔





126



                                    <>




14✔





127



                                        <VisuallyHidden>




14✔





128



                                            Dark Mode




14✔





129



                                        </VisuallyHidden>




14✔





130



                                        <TbMoonStars




14✔





131



                                            color={theme.colors.gray[6]}




14✔





132



                                            size="1rem"




14✔





133



                                        />




14✔





134



                                    </>




14✔





135



                                }




14✔





136



                            />




14✔





137



                        </Group>




14✔





138



                    </Group>




14✔





139



                </Group>




14✔





140



            </AppShell.Header>




14✔





141



            <AppShell.Navbar py="md" px={4} data-testid="navbar">




14✔





142



                <Stack px={13}>




14✔





143



                    <NavLink




14✔





144



                        component={Link}




14✔





145



                        label="Home"




14✔





146



                        href="/"




14✔





147



                        leftSection={<TbHome />}




14✔





148



                        onClick={closeMobileMenu}




14✔





149



                        data-testid="home-link"




14✔





150



                    />




14✔





151






14✔





152



                    <NavLink




14✔





153



                        component={Link}




14✔





154



                        label="Applications"




14✔





155



                        onClick={closeMobileMenu}




14✔





156



                        href="/applications"




14✔





157



                        leftSection={<TbApps />}




14✔





158



                        data-testid="applications-link"




14✔





159



                    />




14✔





160






14✔





161



                    <NavLink




14✔





162



                        component={Link}




14✔





163



                        label="Inputs"




14✔





164



                        onClick={closeMobileMenu}




14✔





165



                        href="/inputs"




14✔





166



                        leftSection={<TbInbox />}




14✔





167



                        data-testid="inputs-link"




14✔





168



                    />




14✔





169






14✔





170



                    <NavLink




14✔





171



                        label="Settings"




14✔





172



                        leftSection={<TbAdjustmentsHorizontal />}




14✔





173



                        data-testid="settings-link"




14✔





174



                        childrenOffset="xs"




14✔





175



                    >




14✔





176



                        <NavLink




14✔





177



                            component={Link}




14✔





178



                            onClick={closeMobileMenu}




14✔





179



                            label="Connections"




14✔





180



                            leftSection={<TbPlugConnected />}




14✔





181



                            href="/connections"




14✔





182



                            data-testid="connections-link"




14✔





183



                        />




14✔





184



                    </NavLink>




14✔





185






14✔





186



                    <NavLink




14✔





187



                        component="button"




14✔





188



                        data-testid="menu-item-send-transaction"




14✔





189



                        label="Send Transaction"




14✔





190



                        leftSection={<TbArrowsDownUp />}




14✔





191



                        disabled={!isConnected}




14✔





192



                        onClick={toggleTransaction}




14✔





193



                        hiddenFrom="sm"




14✔





194



                    />




14✔





195






14✔





196



                    {showWalletSidebar && <ConnectButton showBalance />}





14!





197



                </Stack>




14✔





198



            </AppShell.Navbar>




14✔





199



            <AppShell.Main>{children}</AppShell.Main>




14✔





200



            <Footer />




14✔





201



        </AppShell>




14✔





202



    );




14✔





203



};




14✔





204



export default Shell;




1✔



















    

  • 

    •