Unverified Commit fc9a9fd4 authored by Estelle Veisemburger's avatar Estelle Veisemburger Committed by Florent Chehab
Browse files

feat(stats): add toolbar to pick dataset

parent ca752b2d
......@@ -4,10 +4,20 @@ import Typography from "@material-ui/core/Typography";
import { makeStyles } from "@material-ui/styles";
import { withPaddedPaper } from "./shared";
import SqlInterface from "../stats/RequestSQLHandler";
import AppBar from "@material-ui/core/AppBar";
import Tabs from "@material-ui/core/Tabs";
import Tab from "@material-ui/core/Tab";
import { appBarHeight, siteMaxWidth } from "../../config/sharedStyles";
const useStyles = makeStyles({
requestInterface: {}
});
const useStyles = makeStyles(theme => ({
requestInterface: {},
tabBar: {
minHeight: theme.spacing(5),
[`@media (min-width:${siteMaxWidth()}px)`]: {
top: appBarHeight(theme)
}
}
}));
/**
* Component corresponding to the stats page of the site
......@@ -15,11 +25,27 @@ const useStyles = makeStyles({
function PageStats() {
const classes = useStyles();
//faire une fonction handleChange qui change le dataset dans l'url et recharge la page
return (
<>
<Typography variant="h3">
Exploration des statistiques d'utilisation du site REX-DRI
</Typography>
<AppBar position="sticky" color="default" className={classes.tabBar}>
<Tabs
// value={}
// onChange={handleChange}
variant={scroll ? "scrollable" : "standard"}
centered={!scroll}
scrollButtons="on"
indicatorColor="secondary"
textColor="secondary"
>
<Tab label="Connexions" value="daily_connections" />
<Tab label="Contributions" value="daily_exchange_contributions" />
</Tabs>
</AppBar>
<div className={classes.requestInterface}>
<SqlInterface />
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment