@@ -262,3 +261,5 @@ export const pageQuery = graphql`
}
}
`
+
+export const Head = () =>
diff --git a/src/pages/{MarkdownRemark.frontmatter__slug}.tsx b/src/pages/{MarkdownRemark.frontmatter__slug}.tsx
index bc82aa0..457d2dc 100644
--- a/src/pages/{MarkdownRemark.frontmatter__slug}.tsx
+++ b/src/pages/{MarkdownRemark.frontmatter__slug}.tsx
@@ -40,7 +40,6 @@ const MarkdownPageTemplate: React.FC<
heading={frontmatter.heading}
desc={frontmatter.desc}
>
-
@@ -50,6 +49,10 @@ const MarkdownPageTemplate: React.FC<
export default MarkdownPageTemplate
+export const Head: React.FC<{ data: MarkdownPageData }> = ({ data }) => (
+
+)
+
export const pageQuery = graphql`
query ($id: String!) {
markdownRemark(id: { eq: $id }) {
diff --git a/src/templates/blog-list.tsx b/src/templates/blog-list.tsx
index d577fb7..4c1e691 100644
--- a/src/templates/blog-list.tsx
+++ b/src/templates/blog-list.tsx
@@ -69,8 +69,7 @@ const BlogListTemplate: React.FC
> = ({
heading="Data Controller’s Knowledge Base"
desc="A section dedicated to news, updates and educational pieces."
>
-
-
+
@@ -126,3 +125,5 @@ export const pageQuery = graphql`
}
}
`
+
+export const Head = () =>
diff --git a/src/templates/blog-post.tsx b/src/templates/blog-post.tsx
index cdf336d..3bdd2b4 100644
--- a/src/templates/blog-post.tsx
+++ b/src/templates/blog-post.tsx
@@ -14,17 +14,9 @@ const BlogPostTemplate: React.FC<
PageProps<{ post: PostNode }, PageContext>
> = ({ data, location, pageContext }) => {
const { post } = data
- const { previewImg } = post.frontmatter
return (
-
@@ -41,6 +33,21 @@ const BlogPostTemplate: React.FC<
export default BlogPostTemplate
+export const Head: React.FC<{ data: { post: PostNode } }> = ({ data }) => {
+ const { post } = data
+ const { previewImg } = post.frontmatter
+
+ return (
+
+ )
+}
+
export const pageQuery = graphql`
query PostByPath($id: String!) {
post: markdownRemark(id: { eq: $id }) {
diff --git a/src/templates/blog-search.tsx b/src/templates/blog-search.tsx
index 57d4792..34a3d1a 100644
--- a/src/templates/blog-search.tsx
+++ b/src/templates/blog-search.tsx
@@ -71,8 +71,7 @@ const BlogSearchTemplate: React.FC
> = ({
heading="Data Controller’s Knowledge Base"
desc="A section dedicated to news, updates and educational pieces."
>
-
-
+
@@ -96,3 +95,5 @@ const BlogSearchTemplate: React.FC
> = ({
}
export default BlogSearchTemplate
+
+export const Head = () =>
diff --git a/src/templates/feed-list.tsx b/src/templates/feed-list.tsx
index 4eb2550..db64f40 100644
--- a/src/templates/feed-list.tsx
+++ b/src/templates/feed-list.tsx
@@ -68,8 +68,7 @@ const FeedListTemplate: React.FC> = ({
heading="Data Controller’s Feed"
desc="Announcements and social media style updates from the Data Controller team."
>
-
-
+
@@ -129,3 +128,5 @@ export const pageQuery = graphql`
}
}
`
+
+export const Head = () =>
diff --git a/src/templates/feed-post.tsx b/src/templates/feed-post.tsx
index cfc414b..40bf43b 100644
--- a/src/templates/feed-post.tsx
+++ b/src/templates/feed-post.tsx
@@ -14,17 +14,9 @@ const FeedPostTemplate: React.FC<
PageProps<{ post: PostNode }, PageContext>
> = ({ data, location, pageContext }) => {
const { post } = data
- const { previewImg } = post.frontmatter
return (
-
@@ -45,6 +37,21 @@ const FeedPostTemplate: React.FC<
export default FeedPostTemplate
+export const Head: React.FC<{ data: { post: PostNode } }> = ({ data }) => {
+ const { post } = data
+ const { previewImg } = post.frontmatter
+
+ return (
+
+ )
+}
+
export const pageQuery = graphql`
query FeedPostByPath($id: String!) {
post: markdownRemark(id: { eq: $id }) {