|
1 |
| -import React from "react" |
2 |
| -import { Link, graphql } from "gatsby" |
3 |
| -import Layout from "../layout/layout" |
4 |
| -import SEO from "../layout/seo" |
5 |
| -import ReleaseNoteCategories from "../components/ReleaseNoteCategories" |
6 |
| -import MdxWrapper from "../components/mdxWrapper.js" |
7 |
| -import PublishedDate from "../components/PublishedDate" |
8 |
| -import { Container, Icon } from "@pantheon-systems/pds-toolkit-react" |
| 1 | +import React from 'react'; |
| 2 | +import { Link, graphql } from 'gatsby'; |
| 3 | +import Layout from '../layout/layout'; |
| 4 | +import SEO from '../layout/seo'; |
| 5 | +import ReleaseNoteCategories from '../components/ReleaseNoteCategories'; |
| 6 | +import MdxWrapper from '../components/mdxWrapper.js'; |
| 7 | +import PublishedDate from '../components/PublishedDate'; |
| 8 | +import { Container, Icon } from '@pantheon-systems/pds-toolkit-react'; |
9 | 9 | import {
|
10 | 10 | headline2,
|
11 | 11 | headline3,
|
12 | 12 | headline4,
|
13 |
| -} from "../components/releaseHeadlines" |
| 13 | +} from '../components/releaseHeadlines'; |
14 | 14 |
|
15 | 15 | const customShortcodes = {
|
16 | 16 | h1: headline2,
|
17 | 17 | h2: headline3,
|
18 | 18 | h3: headline4,
|
19 |
| -} |
| 19 | +}; |
20 | 20 |
|
21 | 21 | // Set container width for search and main content.
|
22 |
| -const containerWidth = "standard" |
| 22 | +const containerWidth = 'standard'; |
23 | 23 |
|
24 | 24 | class ReleaseNoteTemplate extends React.Component {
|
25 | 25 | render() {
|
26 |
| - const node = this.props.data.mdx |
| 26 | + const node = this.props.data.mdx; |
27 | 27 |
|
28 | 28 | return (
|
29 | 29 | <Layout containerWidth={containerWidth} excludeSearch footerBorder>
|
30 | 30 | <SEO
|
31 | 31 | title={node.frontmatter.title}
|
32 | 32 | description="A summary of changes to the Pantheon Platform"
|
33 | 33 | authors={node.frontmatter.contributors}
|
34 |
| - image={"/images/assets/default-thumb-doc.png"} |
| 34 | + image={'/images/assets/default-thumb-doc.png'} |
35 | 35 | />
|
36 | 36 | <main id="docs-main" tabIndex="-1">
|
37 | 37 | <Container
|
@@ -59,30 +59,41 @@ class ReleaseNoteTemplate extends React.Component {
|
59 | 59 | dateString={node.frontmatter.published_date}
|
60 | 60 | className="pds-spacing-mar-block-end-m"
|
61 | 61 | />
|
62 |
| - <MdxWrapper mdx={node.body} customShortcodes={customShortcodes} /> |
| 62 | + <MdxWrapper |
| 63 | + mdx={node.body} |
| 64 | + customShortcodes={customShortcodes} |
| 65 | + /> |
63 | 66 | </div>
|
64 | 67 | </div>
|
65 | 68 |
|
66 | 69 | <div className="pds-spacing-mar-block-4xl">
|
67 |
| - <a href="/release-notes/rss.xml" target="_blank" className="rss-feed-link"> |
68 |
| - <Icon className="rss-feed-link-icon" iconName='rss' iconSize='lg' /> |
| 70 | + <a |
| 71 | + href="/release-notes/rss.xml" |
| 72 | + target="_blank" |
| 73 | + className="rss-feed-link" |
| 74 | + > |
| 75 | + <Icon |
| 76 | + className="rss-feed-link-icon" |
| 77 | + iconName="rss" |
| 78 | + iconSize="lg" |
| 79 | + /> |
69 | 80 | <span>Subscribe to RSS feed</span>
|
70 | 81 | </a>
|
71 | 82 | </div>
|
72 | 83 | </article>
|
73 | 84 | </Container>
|
74 | 85 | </main>
|
75 | 86 | </Layout>
|
76 |
| - ) |
| 87 | + ); |
77 | 88 | }
|
78 | 89 | }
|
79 | 90 |
|
80 |
| -export default ReleaseNoteTemplate |
| 91 | +export default ReleaseNoteTemplate; |
81 | 92 |
|
82 | 93 | export const pageQuery = graphql`
|
83 | 94 | query ReleaseNoteBySlug($slug: String!) {
|
84 | 95 | mdx(fields: { slug: { eq: $slug } }) {
|
85 | 96 | ...theReleaseNoteFields
|
86 | 97 | }
|
87 | 98 | }
|
88 |
| -` |
| 99 | +`; |
0 commit comments