From 4a6a250260364deb02a02640bdbdd491c37d6ec5 Mon Sep 17 00:00:00 2001
From: terrierscript <13282103+terrierscript@users.noreply.github.com>
Date: Thu, 29 Mar 2018 14:14:26 +0900
Subject: [PATCH] Move filter to graphQL

---
 src/pages/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 512870e9f..bbebf6eb5 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -14,7 +14,6 @@ export default class IndexPage extends React.Component {
             <h1 className="has-text-weight-bold is-size-2">Latest Stories</h1>
           </div>
           {posts
-            .filter(post => post.node.frontmatter.templateKey === 'blog-post')
             .map(({ node: post }) => (
               <div
                 className="content"
@@ -54,7 +53,10 @@ IndexPage.propTypes = {
 
 export const pageQuery = graphql`
   query IndexQuery {
-    allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___date] }) {
+    allMarkdownRemark(
+      sort: { order: DESC, fields: [frontmatter___date] },
+      filter: { frontmatter: { templateKey: { eq: "blog-post" } }}
+    ) {
       edges {
         node {
           excerpt(pruneLength: 400)