export default function RepoDashboard()

in dashboard/client/src/RepoDashboard.tsx [132:187]


export default function RepoDashboard({ owner, repo }: RepoDashboardProps) {
  const classes = useStyles();

  React.useEffect(() => {
    const jssStyles = document.querySelector("#jss-server-side");
    if (jssStyles) {
      jssStyles.parentElement!!.removeChild(jssStyles);
    }
  }, []);

  return (
    <ThemeProvider theme={theme}>
      <Hidden smDown implementation="css">
        <Drawer variant={"permanent"} className={classes.drawer}>
          <Toolbar className={classes.toolbar}>
            <RepoList />
          </Toolbar>
        </Drawer>
      </Hidden>

      <main className={classes.main}>
        <Container maxWidth={false}>
          <Breadcrumbs aria-label="breadcrumb" className={classes.breadcrumbs}>
            <Typography color="textPrimary">
              <RepoIcon />
              <Link
                style={{ marginLeft: 4 }}
                href={`https://github.com/${owner}`}
              >
                {owner}
              </Link>
            </Typography>
            <Typography color="textPrimary">
              <Link href={`https://github.com/${owner}/${repo}`}>{repo}</Link>
            </Typography>
          </Breadcrumbs>
          <Grid container spacing={2} className={classes.container}>
            <Grid item xs={12}>
              <DynamicGithubTeamTable owner={owner} repo={repo} />
            </Grid>
            {owner === "bazelbuild" && repo === "bazel" && (
              <>
                <Grid item xs={12} md={6} xl={4}>
                  <GithubIssueQueryResultCard title="Unreviewed Issues" queryIds={["unreviewed"]}/>
                </Grid>
                <Grid item xs={12} md={6} xl={4}>
                  <GithubIssueQueryResultCard title="Untriaged Issues" queryIds={["total-untriaged"]}/>
                </Grid>
              </>
            )}
          </Grid>
        </Container>
      </main>
    </ThemeProvider>
  );
}