Adds blog excerpts in index

Author: orta

src/components/BlogPost/index.tsx

@@ -1,3 +1,4 @@
+import { printIntrospectionSchema } from "graphql"
 import React from "react"
 import Marked from "../Marked"
 
@@ -10,6 +11,8 @@ interface Props {
   rawMarkdownBody: string
   isPermalink: boolean
   pageContext: any
+  excerpt: string
+  showExcerpt?: true
 }
 
 const BlogPost = ({
@@ -20,7 +23,9 @@ const BlogPost = ({
   guestBio,
   rawMarkdownBody,
   isPermalink,
-  pageContext
+  pageContext,
+  excerpt,
+  showExcerpt
 }: Props) => (
   <div className="inner-content">
     <h1>{isPermalink ? title : <a href={permalink}>{title}</a>}</h1>
@@ -31,7 +36,8 @@ const BlogPost = ({
     {guestBio && (
       <p className="guestBio">{`This guest article contributed by ${byline}, ${guestBio}.`}</p>
     )}
-    <Marked pageContext={pageContext}>{rawMarkdownBody}</Marked>
+    
+    {showExcerpt ? <p>{excerpt}</p> : <Marked pageContext={pageContext}>{rawMarkdownBody}</Marked>}
   </div>
 )
 

src/pages/blog.tsx

@@ -27,6 +27,7 @@ export default ({ pageContext, data }: any) => {
                 {
                   frontmatter: { title, date, permalink, byline, guestBio },
                   rawMarkdownBody,
+                  excerpt
                 }: any,
                 i
               ) => (
@@ -40,6 +41,8 @@ export default ({ pageContext, data }: any) => {
                   rawMarkdownBody={rawMarkdownBody}
                   isPermalink={false}
                   pageContext={pageContext}
+                  excerpt={excerpt}
+                  showExcerpt
                 />
               )
             )}
@@ -68,6 +71,7 @@ export const query = graphql`
             layout
           }
           id
+          excerpt
           rawMarkdownBody
         }
       }