refactor: include recent post on single blog

ashiishme · benhalverson · commit de08ac1cd93b · 2022-02-21T02:37:39.000-08:00
diff --git a/src/templates/blog.tsx b/src/templates/blog.tsx
@@ -7,6 +7,7 @@ import { BlogPageData, BlogPageContext } from '../types';
 import '../styles/article-reader.scss';
 import '../styles/learn.scss';
 import Footer from '../components/Footer';
+import RecentPosts from '../components/RecentPosts';
 
 interface Props {
   data: BlogPageData;
@@ -23,11 +24,16 @@ const BlogLayout = ({
       excerpt,
       fields: { date },
     },
+    recent,
   } = data;
+
+  const { edges: recentPosts } = recent;
+
   return (
     <>
       <Layout title={title} description={excerpt} showFooter={false}>
-        <main className="blog-container">
+        <main className="grid-container blog-container">
+          <RecentPosts posts={recentPosts} />
           <Article
             title={title}
             body={body}
