Guestbook overhaul; Comments; New post; Updated packages

2 files changed, 26 insertions, 1 deletions

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 628215f..70562c6 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -1,6 +1,16 @@
 ---
 import Layout from './Default.astro';
+import BlogComments from '../components/BlogComments.jsx';
+import "../styles/cards.css";
 const { title, description, pubDate, tags } = Astro.props;
+const { slug } = Astro.params;
+
+let disableComments;
+
+const response = await fetch(`${import.meta.env.PUBLIC_API_URL}/comments/${slug}/disabled`);
+const data = await response.json();
+disableComments = data.postDisabled;
+
 ---
 
 <Layout title=`${title} - Andrew Lee` description={description}>
@@ -17,6 +27,12 @@ const { title, description, pubDate, tags } = Astro.props;
         <main>
             <slot />
         </main>
+        {
+            disableComments ? null :
+                    <h1>Comments</h1>
+                    <BlogComments client:visible slug={slug} />
+        }
+
     </div>
 </Layout>
 
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
index 9c0d1c7..775c94c 100644
--- a/src/layouts/Default.astro
+++ b/src/layouts/Default.astro
@@ -43,7 +43,7 @@ const date = new Date();
 	<div transition:name="main" transition:animate="fade">
 		<slot />
 		<footer>
-			<p>Made with {Astro.generator} and Hosted on Vercel</p>
+			<p class="small">Made with {Astro.generator} and Hosted on Vercel</p>
 			<p>Copyright &copy; {date.getFullYear()} Andrew Lee. <a href="https://github.com/Alee14/personal-website" target="_blank">View source code.</a></p>
 		</footer>
 	</div>
@@ -74,10 +74,19 @@ const date = new Date();
 	}
 
 	footer {
+		margin: 2em;
 		text-align: center;
 		font-size: 1.3em;
 	}
 
+	footer p {
+		margin: 0.6em;
+	}
+
+	.small {
+		font-size: 0.9em;
+	}
+
 	h1, h2, h3, h4, h5, h6 {
 		font-weight: 500;
 	}