function prepareIonView()

in src/core/Results.tsx [151:191]
41 lines of code
2 McCabe index (conditional complexity)

function prepareIonView(queryResult: [], darkState: boolean) {
  const classes = useStyles();
  return (
    <div>
      {queryResult.map((r, i) => {
        const nonPrettyResult = JSON.stringify(r, undefined);
        const prettyResult = JSON.stringify(r, undefined, 2);
        return (
          <Accordion key={"result-" + i}>
            <AccordionSummary
              aria-controls={"result-panel-content-" + i}
              id={"result-panel-header-" + i}
            >
              <div className={classes.headingAccordion}>{nonPrettyResult}</div>
            </AccordionSummary>
            <AccordionDetails>
              <SyntaxHighlighter
                language="json"
                style={darkState ? zenburn : githubGist}
                showLineNumbers={true}
              >
                {prettyResult}
              </SyntaxHighlighter>
              <CopyToClipboard text={prettyResult}>
                <label htmlFor="icon-button-file">
                  <IconButton
                    color="primary"
                    aria-label="copy"
                    component="span"
                  >
                    <FileCopyIcon />
                  </IconButton>
                </label>
              </CopyToClipboard>
            </AccordionDetails>
          </Accordion>
        );
      })}
    </div>
  );
}