Move filter to graphQL

csw1995 · Mar 29, 2018 · 4a6a250 · 4a6a250
1 parent 75eb937
commit 4a6a250
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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)