const Index = () => ( <div style={{ padding: '10px 45px' }}> <Head> <title>Index page</title> <meta name="description" content="This is a description of the Index page" /> </Head> <p>Content on Index page</p> <Button variant="contained">MUI button</Button> </div> )
const WindowTitle = ({ title }) => ( <Helmet> <title>{ title }</title> </Helmet> )
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
const Default = (props: Props) => ( <App> <Helmet> <title> {props.title && props.title !== '' ? `${props.title} :: RAN! React . GraphQL . Next.js Toolkit` : 'RAN! React . GraphQL . Next.js Toolkit'} </title> </Helmet> <Header pathname={props.router.url.pathname} /> <ProjectInfo /> {props.children} <NetworkStatus /> </App> )
const Index = ({ user }) => ( <div style={{ padding: '10px 45px' }}> <Head> <title>Dashboard</title> <meta name="description" content="This is a description of the Index page" /> </Head> <p>Content on Index page</p> <p> Email: {user.email} </p> </div> )
const Index = () => ( <div style={{ padding: '10px 45px' }}> <Head> <title>Index page</title> <meta name="description" content="This is SEO description of Index page" /> </Head> <p>Content on Index page</p> </div> )
const Index = ({ user }) => ( <div style={{ padding: '10px 45px' }}> <Head> <title>Index page</title> <meta name="description" content="This is an SEO description of the Index page" /> </Head> <p>Content on Index page</p> <p> Email: {user.email} </p> </div> )
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p> List of purchased book</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Dashboard</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Dashboard</title> <meta name="description" content="List of purchased books." /> </Head> <p> Dashboard </p> <p> Email: {user.email} </p> </div> ); }
render() { const { user } = this.props; return ( <div style={{ padding: '10px 45px' }}> <Head> <title>Settings</title> <meta name="description" content="List of purchased books." /> </Head> <p>List of purchased books</p> <p> Email: {user.email} </p> </div> ); }