From 2beda0d16441a3d806d0c1dcbfa9aeb9f4aceaf9 Mon Sep 17 00:00:00 2001
From: Raj Sharma <raj@tokio.space>
Date: Wed, 13 Mar 2024 17:58:16 +0530
Subject: [PATCH] style: updated muted colors and added desc

---
 src/app/(home)/story/page.tsx | 9 +++++++++
 src/app/globals.css           | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/(home)/story/page.tsx b/src/app/(home)/story/page.tsx
index 96f5015..e242b78 100644
--- a/src/app/(home)/story/page.tsx
+++ b/src/app/(home)/story/page.tsx
@@ -108,6 +108,12 @@ export default async function Story({
 
   const images = getPageImageUrls(recordMap, { mapImageUrl: (url) => url });
 
+  const description = getPageProperty(
+    "description",
+    Object.values(recordMap.block)[0].value,
+    recordMap,
+  );
+
   const repo = process.env.COMMENTS_REPO;
   const repoId = process.env.COMMENTS_REPO_ID;
   const category = process.env.COMMENTS_CATEGORY;
@@ -138,6 +144,9 @@ export default async function Story({
         <h1 className="text-2xl text-center text-pretty font-medium">
           {title}
         </h1>
+        <p className="text-xs italic text-center text-muted-foreground">
+          {description}
+        </p>
 
         <section className="comments-section h-[58px] my-2 overflow-hidden">
           {repo && repoId && category && categoryId ? (
diff --git a/src/app/globals.css b/src/app/globals.css
index a41f5b2..676460f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -20,7 +20,7 @@
     --secondary-foreground: 24 9.8% 10%;
 
     --muted: 60 4.8% 95.9%;
-    --muted-foreground: 25 5.3% 44.7%;
+    --muted-foreground: 240 10% 40%;
 
     --accent: 60 4.8% 95.9%;
     --accent-foreground: 24 9.8% 10%;