function DrawerButton()

in dialogflow-cx/vpc-sc-demo/frontend/src/Drawer.js [115:156]

• 42 lines of code
• 5 McCabe index (conditional complexity)

function DrawerButton(props) {
  const Icon = props.icon;
  return (
    <Tooltip
      title={props.open ? '' : props.text}
      disableInteractive
      arrow
      placement="top"
    >
      <ListItem
        key={props.text}
        disablePadding
        sx={{display: 'block'}}
        selected={props.activePage === props.targetPage}
      >
        <ListItemButton
          sx={{
            minHeight: 48,
            justifyContent: props.open ? 'initial' : 'center',
            px: 2.5,
          }}
          href={props.href}
          onClick={props.onClick}
        >
          <ListItemIcon
            sx={{
              minWidth: 0,
              mr: props.open ? 3 : 'auto',
              justifyContent: 'center',
            }}
          >
            <Icon />
          </ListItemIcon>
          <ListItemText
            primary={props.text}
            sx={{opacity: props.open ? 1 : 0}}
          />
        </ListItemButton>
      </ListItem>
    </Tooltip>
  );
}