From 80ae2cbc927cb8c2c547322f60728270e56496b3 Mon Sep 17 00:00:00 2001
From: Bakhtiyor Ganijon <b.yusupoff001@gmail.com>
Date: Mon, 27 Nov 2023 14:11:17 +0900
Subject: [PATCH] Add publishedAt field and update tag badge style

---
 app/(Main)/page.tsx            | 1 +
 components/landing/landing.tsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/(Main)/page.tsx b/app/(Main)/page.tsx
index 33741e3..50e4452 100644
--- a/app/(Main)/page.tsx
+++ b/app/(Main)/page.tsx
@@ -34,6 +34,7 @@ const [latestPosts, tags, popularPosts] = await Promise.all([
       url: true,
       createdAt: true,
       readingTime: true,
+      publishedAt: true,
       cover: true,
       author: {
         select: {
diff --git a/components/landing/landing.tsx b/components/landing/landing.tsx
index d7a855d..8f96205 100644
--- a/components/landing/landing.tsx
+++ b/components/landing/landing.tsx
@@ -82,8 +82,8 @@ export default function Landing({ latest, tags, popular }: { latest: any, tags:
               </div>
             </div>
           </div>
-          <div className="grid-cols-12 lg:grid flex flex-col-reverse pt-14 grid-rows-1 ">
-            <div style={{ 'gridColumn': '1 / span 7' }} className="mt-10 lg:mt-0">
+          <div className="grid-cols-12 lg:grid flex flex-col-reverse lg:gap-8 gap-4 pt-14 grid-rows-1">
+            <div style={{ 'gridColumn': '1 / span 8' }} className="mt-10 lg:mt-0">
               {latest.length > 0 ? (
                 <div className="flex flex-col lg:gap-6 md:gap-5 gap-4">
                   {latest?.map((post: any) => (
@@ -113,7 +113,7 @@ export default function Landing({ latest, tags, popular }: { latest: any, tags:
                       <div className="w-full flex-wrap">
                         {tags?.map((tag: any) => (
                           <Link href={`/tags/${tag.name}`} key={tag.id}>
-                            <TagBadge className="my-1.5 mr-1.5 py-2 px-4 text-sm font-medium capitalize" variant={"secondary"}>{tag.name.replace(/-/g, " ")}</TagBadge>
+                            <TagBadge className="my-1 mr-1 text-sm font-medium" variant={"secondary"}>{tag.name.replace(/-/g, " ")}</TagBadge>
                           </Link>
                         ))}
                       </div>