const Header = () => ( <div> <Toolbar style={styleToolbar}> <Grid container direction="row" justify="space-around" align="center"> <Grid item xs={12} style={{ textAlign: 'right' }}> <Link href="/login"> <a style={{ margin: '0px 20px 0px auto' }}>Log in</a> </Link> </Grid> </Grid> </Toolbar> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
{options.map(option => ( <div id="wrappingLink" key={option.text}> <Link href={option.href} as={option.as || option.href}> <a style={{ padding: '0px 20px' }}>{option.text}</a> </Link>
{purchasedBooks.map((book) => ( <li key={book._id}> <Link as={`/books/${book.slug}/introduction`} href={`/public/read-chapter?bookSlug=${book.slug}&chapterSlug=introduction`}
const Header = () => ( <div> <Toolbar style={styleToolbar}> <Grid container direction="row" justify="space-around" align="center"> <Grid item xs={12} style={{ textAlign: 'right' }}> <Link href="/login"> <a style={{ margin: '0px 20px 0px auto' }}>Log in</a> </Link> </Grid> </Grid> </Toolbar> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
const Index = ({ books }) => ( <div style={{ padding: '10px 45px' }}> <div> <h2>Books</h2> <Link href="/admin/add-book"> <Button variant="contained">Add book</Button> </Link> <p /> <ul> {books.map((b) => ( <li key={b._id}> <Link as={`/admin/book-detail/${b.slug}`} href={`/admin/book-detail?slug=${b.slug}`}> <a>{b.name}</a> </Link> </li> ))} </ul> <br /> </div> </div> )
{options.map(option => ( <div id="wrappingLink" key={option.text}> <Link href={option.href} as={option.as || option.href}> <a style={{ padding: '0px 20px' }}>{option.text}</a> </Link>
{options.map((option) => ( <div id="wrappingLink" key={option.text}> <Link href={option.href} as={option.as || option.href}> <a style={{ padding: '0px 20px' }}>{option.text}</a> </Link>
{options.map(option => ( <div id="wrappingLink" key={option.text}> <Link href={option.href} as={option.as || option.href}> <a style={{ padding: '0px 20px' }}>{option.text}</a> </Link>