-
Notifications
You must be signed in to change notification settings - Fork 13
/
page.js
61 lines (56 loc) · 1.2 KB
/
page.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import React, { Fragment } from 'react';
import { graphql } from 'gatsby';
import MdxParser from '../components/mdx-parser';
import AsideElement from '../components/aside-element';
import Seo from '../components/seo';
import GenericAside from '../components/generic-aside';
import LocationAside from '../components/location-aside';
const Page = ({
data: {
mdx: {
excerpt,
frontmatter: { type, title },
body
}
}
}) => {
return (
<Fragment>
<small className="mb-4 leading-6 font-semibold capitalize text-primary">{title}</small>
<MdxParser>{body}</MdxParser>
<AsideElement>
<div className="flex flex-col gap-4">
<GenericAside />
<LocationAside />
</div>
</AsideElement>
</Fragment>
);
};
export const query = graphql`
query ($id: String!) {
mdx(id: { eq: $id }) {
fields {
slug
}
excerpt
frontmatter {
type
title
}
body
}
}
`;
export default Page;
export const Head = ({
data: {
mdx: {
fields: { slug },
excerpt,
frontmatter: { title }
}
}
}) => {
return <Seo title={title} description={excerpt} slug={slug} />;
};