Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-05 16:06:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: persist layout state across pages

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-07-30 20:24:19 -04:00
parent a28452fbd7
commit 9d783afe87
11 changed files with 59 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/404.tsx
+3 -4
View File
@@ -1,15 +1,14 @@
import React from "react"
import React, { Fragment } from "react"
import { Layout } from "../components/Layout"
import { SEO } from "../components/SEO"
function NotFoundPage() {
return (
<Layout>
<Fragment>
<SEO title="404: Not found" />
<h1>NOT FOUND</h1>
<p>You just hit a route that doesn&#39;t exist... the sadness.</p>
</Layout>
</Fragment>
)
}
src/pages/about.tsx
+3 -4
View File
@@ -1,7 +1,6 @@
import React from "react"
import React, { Fragment } from "react"
import { graphql } from "gatsby"
import { Markdown } from "../components/Markdown"
import { Layout } from "../components/Layout"
import { MarkdownRemark, Query } from "../generated/graphql"
import { SEO } from "../components/SEO"
@@ -9,10 +8,10 @@ function AboutPage({ data }: ComponentQuery<{ md: MarkdownRemark }>) {
const { md } = data
return (
<Layout>
<Fragment>
<SEO title="About" />
<Markdown content={md.html!} />
</Layout>
</Fragment>
)
}
src/pages/index.tsx
+3 -4
View File
@@ -1,19 +1,18 @@
import React from "react"
import React, { Fragment } from "react"
import { Link } from "gatsby"
import { Layout } from "../components/Layout"
import { SEO } from "../components/SEO"
function IndexPage() {
return (
<Layout>
<Fragment>
<SEO title="Home" />
<h1>Hi people</h1>
<p>Welcome to your new Gatsby site.</p>
<p>Now go build something great.</p>
<div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}></div>
<Link to="/page-2/">Go to page 2</Link>
</Layout>
</Fragment>
)
}
src/pages/resources.tsx
+3 -4
View File
@@ -1,14 +1,13 @@
import React from "react"
import React, { Fragment } from "react"
import { ResourcesLayout } from "../components/ResourcesLayout"
import { SEO } from "../components/SEO"
function ResourcesPage() {
return (
<ResourcesLayout>
<Fragment>
<SEO title="Resources" />
the resources
</ResourcesLayout>
</Fragment>
)
}
src/pages/rules.tsx
+3 -4
View File
@@ -1,7 +1,6 @@
import React from "react"
import React, { Fragment } from "react"
import { graphql } from "gatsby"
import { Markdown } from "../components/Markdown"
import { Layout } from "../components/Layout"
import { MarkdownRemark, Query } from "../generated/graphql"
import { SEO } from "../components/SEO"
@@ -9,10 +8,10 @@ function RulesPage({ data }: ComponentQuery<{ md: MarkdownRemark }>) {
const { md } = data
return (
<Layout>
<Fragment>
<SEO title="Rules" />
<Markdown content={md.html!} />
</Layout>
</Fragment>
)
}