h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Use a common layout for all pages

Browse Source
This commit is contained in:
Kurt Hutten
2020-11-02 07:09:22 +11:00
parent 86df1d501d
commit faffc0f46d
20 changed files with 48 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/layouts/CommentsLayout/CommentsLayout.js
View File

@@ -1,23 +0,0 @@
import { Link, routes } from '@redwoodjs/router'
import { Flash } from '@redwoodjs/web'
const CommentsLayout = (props) => {
return (
<div className="rw-scaffold">
<Flash timeout={1000} />
<header className="rw-header">
<h1 className="rw-heading rw-heading-primary">
<Link to={routes.comments()} className="rw-link">
Comments
</Link>
</h1>
<Link to={routes.newComment()} className="rw-button rw-button-green">
<div className="rw-button-icon">+</div> New Comment
</Link>
</header>
<main className="rw-main">{props.children}</main>
</div>
)
}
export default CommentsLayout

26
web/src/layouts/PartReactionsLayout/PartReactionsLayout.js
View File

@@ -1,26 +0,0 @@
import { Link, routes } from '@redwoodjs/router'
import { Flash } from '@redwoodjs/web'
const PartReactionsLayout = (props) => {
return (
<div className="rw-scaffold">
<Flash timeout={1000} />
<header className="rw-header">
<h1 className="rw-heading rw-heading-primary">
<Link to={routes.partReactions()} className="rw-link">
PartReactions
</Link>
</h1>
<Link
to={routes.newPartReaction()}
className="rw-button rw-button-green"
>
<div className="rw-button-icon">+</div> New PartReaction
</Link>
</header>
<main className="rw-main">{props.children}</main>
</div>
)
}
export default PartReactionsLayout

23
web/src/layouts/PartsLayout/PartsLayout.js
View File

@@ -1,23 +0,0 @@
import { Link, routes } from '@redwoodjs/router'
import { Flash } from '@redwoodjs/web'
const PartsLayout = (props) => {
return (
<div className="rw-scaffold">
<Flash timeout={1000} />
<header className="rw-header">
<h1 className="rw-heading rw-heading-primary">
<Link to={routes.parts()} className="rw-link">
Parts
</Link>
</h1>
<Link to={routes.newPart()} className="rw-button rw-button-green">
<div className="rw-button-icon">+</div> New Part
</Link>
</header>
<main className="rw-main">{props.children}</main>
</div>
)
}
export default PartsLayout

23
web/src/layouts/UsersLayout/UsersLayout.js
View File

@@ -1,23 +0,0 @@
import { Link, routes } from '@redwoodjs/router'
import { Flash } from '@redwoodjs/web'
const UsersLayout = (props) => {
return (
<div className="rw-scaffold">
<Flash timeout={1000} />
<header className="rw-header">
<h1 className="rw-heading rw-heading-primary">
<Link to={routes.users()} className="rw-link">
Users
</Link>
</h1>
<Link to={routes.newUser()} className="rw-button rw-button-green">
<div className="rw-button-icon">+</div> New User
</Link>
</header>
<main className="rw-main">{props.children}</main>
</div>
)
}
export default UsersLayout