refactor: convert function expressions to declarations (#4926)
This commit is contained in:
committed by
GitHub
parent
c0236536dd
commit
141a2eba56
@ -11,25 +11,27 @@ import Markdown from '../components/markdown';
|
||||
import MetaInfo from '../components/meta-info';
|
||||
import Page from '../components/page';
|
||||
|
||||
export const BlogPostTemplate = ({ title, author, date, body, html }) => (
|
||||
<Container size="sm">
|
||||
<Page as="article">
|
||||
<h1
|
||||
css={css`
|
||||
margin-bottom: 0;
|
||||
`}
|
||||
>
|
||||
{title}
|
||||
</h1>
|
||||
<MetaInfo>
|
||||
by {author} on {date}
|
||||
</MetaInfo>
|
||||
<Markdown body={body} html={html} />
|
||||
</Page>
|
||||
</Container>
|
||||
);
|
||||
export function BlogPostTemplate({ title, author, date, body, html }) {
|
||||
return (
|
||||
<Container size="sm">
|
||||
<Page as="article">
|
||||
<h1
|
||||
css={css`
|
||||
margin-bottom: 0;
|
||||
`}
|
||||
>
|
||||
{title}
|
||||
</h1>
|
||||
<MetaInfo>
|
||||
by {author} on {date}
|
||||
</MetaInfo>
|
||||
<Markdown body={body} html={html} />
|
||||
</Page>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
|
||||
const BlogPost = ({ data }) => {
|
||||
function BlogPost({ data }) {
|
||||
const { html, frontmatter } = data.markdownRemark;
|
||||
const {
|
||||
author,
|
||||
@ -57,7 +59,7 @@ const BlogPost = ({ data }) => {
|
||||
<BlogPostTemplate title={title} author={author} date={date} html={html} />
|
||||
</Layout>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
export default BlogPost;
|
||||
|
||||
|
@ -18,19 +18,22 @@ function filenameFromPath(p) {
|
||||
.split('.')[0];
|
||||
}
|
||||
|
||||
const toMenu = (menu, nav) =>
|
||||
menu.map(group => ({
|
||||
function toMenu(menu, nav) {
|
||||
return menu.map(group => ({
|
||||
title: group.title,
|
||||
group: nav.group.find(g => g.fieldValue === group.name),
|
||||
}));
|
||||
}
|
||||
|
||||
const DocsSidebar = ({ docsNav, location }) => (
|
||||
<aside>
|
||||
<DocsNav items={docsNav} location={location} />
|
||||
</aside>
|
||||
);
|
||||
function DocsSidebar({ docsNav, location }) {
|
||||
return (
|
||||
<aside>
|
||||
<DocsNav items={docsNav} location={location} />
|
||||
</aside>
|
||||
);
|
||||
}
|
||||
|
||||
export const DocsTemplate = ({
|
||||
export function DocsTemplate({
|
||||
title,
|
||||
filename,
|
||||
body,
|
||||
@ -41,20 +44,22 @@ export const DocsTemplate = ({
|
||||
docsNav,
|
||||
location,
|
||||
group,
|
||||
}) => (
|
||||
<Container size="md">
|
||||
<SidebarLayout sidebar={showSidebar && <DocsSidebar docsNav={docsNav} location={location} />}>
|
||||
<article data-docs-content>
|
||||
{filename && <EditLink collection={`docs_${group}`} filename={filename} />}
|
||||
<h1>{title}</h1>
|
||||
<Markdown body={body} html={html} />
|
||||
{showWidgets && <Widgets widgets={widgets} location={location} />}
|
||||
</article>
|
||||
</SidebarLayout>
|
||||
</Container>
|
||||
);
|
||||
}) {
|
||||
return (
|
||||
<Container size="md">
|
||||
<SidebarLayout sidebar={showSidebar && <DocsSidebar docsNav={docsNav} location={location} />}>
|
||||
<article data-docs-content>
|
||||
{filename && <EditLink collection={`docs_${group}`} filename={filename} />}
|
||||
<h1>{title}</h1>
|
||||
<Markdown body={body} html={html} />
|
||||
{showWidgets && <Widgets widgets={widgets} location={location} />}
|
||||
</article>
|
||||
</SidebarLayout>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
|
||||
const DocPage = ({ data, location }) => {
|
||||
function DocPage({ data, location }) {
|
||||
const {
|
||||
nav,
|
||||
page: { frontmatter, html, fields },
|
||||
@ -83,7 +88,7 @@ const DocPage = ({ data, location }) => {
|
||||
/>
|
||||
</Layout>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
export const pageQuery = graphql`
|
||||
query docPage($slug: String!) {
|
||||
|
Reference in New Issue
Block a user