const Header = ({ location }) => { const classes = useStyles(); return ( <AppBar position="fixed" className={classes.appBar}> <Toolbar> <Typography variant="h6" color="inherit" noWrap className={classes.title}> Cube.js Web Analytics Demo </Typography> <div className={classes.grow} /> <Button component="a" href="https://web-analytics.cube.dev" endIcon={<DescriptionIcon />} color="inherit" > Tutorial </Button> <Button component="a" href="https://github.com/cube-js/cube.js/tree/master/examples/web-analytics" endIcon={<GitHubIcon />} color="inherit" > Source Code </Button> </Toolbar> </AppBar> ) }
/> )} <span className={classes.title}> {title} </span>
test('retrieve title', async t => { const data = await rog('https://google.co.jp/', { title: rogTitle }); t.plan(1); t.not(data.title, undefined, 'title is not undefined'); });
const Title = ({ content, fontSize }) => { const classes = useStyle({ fontSize }); return ( <Typography className={classes.title} variant="h2" gutterBottom> {content} </Typography> ); }
export function Players({ children }) { const { t } = useTranslation(); const classes = useStyles(); return ( <Paper square={true} elevation={1} className={classes.root}> <Typography className={classes.title} variant="h6"><PeopleIcon /> {t('Players')}</Typography> <List dense>{children}</List> </Paper> ); }
const Title = props => { const classes = useStyles(); return <Box className={classes.title}> <Typography variant="h1" className={classes.heading}>{props.heading}</Typography> <p>{props.children}</p> </Box> }
const Title = () => { const classes = useStyles(); return ( <Typography variant="h1" className={classes.title}> Quick Notes </Typography> ); }
test('retrieve title', async t => { const data = await rog('https://google.co.jp/', { title: rogTitle }); t.plan(1); t.not(data.title, undefined, 'title is not undefined'); });