web-installer/src/components/chains/chainAccordion.js
/*
 * Accordion, drop down that contains the chain icon, name, table containing
 * all the setup chains which can be loaded.
 */
Accordion, drop down that contains the chain icon, name, table containing
all the setup chains which can be loaded.
Accordion drop down that contains the chain icon name table containing all the setup chains which can be loaded .
function ChainAccordion({
  icon, name, button, table,
}) {
  return (
    <div className="flex_root">
      <Accordion>
        <AccordionSummary
          expandIcon={<ExpandMoreIcon />}
          aria-controls="panel1a-content"
          id="panel1a-header"
        >
          <img
            src={icon}
            className="icon"
            alt="Chain Icon"
            style={{ width: '3rem', height: 'auto' }}
          />
          <Box pt={1.5}>
            <Typography
              style={{ textAlign: 'center' }}
              variant="h5"
              align="center"
              gutterBottom
            >
              {name}
            </Typography>
          </Box>
        </AccordionSummary>
        <AccordionDetails>
          <Grid container>
            <Grid item xs={12}>
              <Box py={8}>
                {button}
              </Box>
            </Grid>
            <Grid item xs={12}>
              {table}
            </Grid>
          </Grid>
        </AccordionDetails>
      </Accordion>
    </div>
  );
}
function ChainAccordion ( { icon , name , button , table , } ) { return ( < div className = "flex_root" > < Accordion > < AccordionSummary expandIcon = { < ExpandMoreIcon / > } aria-controls = "panel1a-content" id = "panel1a-header" > < img src = { icon } className = "icon" alt = "Chain Icon" style = { { width : '3rem' , height : 'auto' } } / > < Box pt = { 1.5 } > < Typography style = { { textAlign : 'center' } } variant = "h5" align = "center" gutterBottom > { name } < / Typography > < / Box > < / AccordionSummary > < AccordionDetails > < Grid container > < Grid item xs = { 12 } > < Box py = { 8 } > { button } < / Box > < / Grid > < Grid item xs = { 12 } > { table } < / Grid > < / Grid > < / AccordionDetails > < / Accordion > < / div > ) ; }
Accordion, drop down that contains the chain icon, name, table containing
 all the setup chains which can be loaded.
Accordion drop down that contains the chain icon name table containing all the setup chains which can be loaded .