refactor: convert function expressions to declarations (#4926)

This commit is contained in:
Vladislav Shkodin
2021-02-08 20:01:21 +02:00
committed by GitHub
parent c0236536dd
commit 141a2eba56
241 changed files with 3444 additions and 2933 deletions

View File

@ -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;

View File

@ -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!) {