Files
cadhub/web/src/layouts/PostsLayout/PostsLayout.js
2020-10-15 08:05:35 +11:00

24 lines
644 B
JavaScript

import { Link, routes } from '@redwoodjs/router'
import { Flash } from '@redwoodjs/web'
const PostsLayout = (props) => {
return (
<div className="rw-scaffold">
<Flash timeout={1000} />
<header className="rw-header">
<h1 className="rw-heading rw-heading-primary">
<Link to={routes.posts()} className="rw-link">
Posts
</Link>
</h1>
<Link to={routes.newPost()} className="rw-button rw-button-green">
<div className="rw-button-icon">+</div> New Post
</Link>
</header>
<main>{props.children}</main>
</div>
)
}
export default PostsLayout