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