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>
);
}