From 8f632cd05ce6ddbc03557d6325bda4a8da9ce6ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=A5rek=20Andreassen?= <tim@harek.no>
Date: Sat, 9 Sep 2023 14:53:20 +0200
Subject: [PATCH] feat: Add tag for drafts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
---
 components/PostList.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/PostList.tsx b/components/PostList.tsx
index abf81b9..a523276 100644
--- a/components/PostList.tsx
+++ b/components/PostList.tsx
@@ -9,12 +9,20 @@ export function PostList({ posts }: Props) {
     <ul class="space-y-4">
       {posts.map((post) => (
         <li class="h-entry border-l-4 border-primary pl-2 w-full">
-          <div class="flex flex-wrap-reverse gap-2 justify-between ">
-            <Link
-              href={`/${post.path}`}
-              label={post.title}
-              className="p-name u-url"
-            />
+          <div class="flex flex-wrap-reverse gap-2 justify-between">
+            <div class="flex gap-2">
+              <Link
+                href={`/${post.path}`}
+                label={post.title}
+                className="p-name u-url"
+              />
+              {post.draft &&
+                (
+                  <div class="text-xs border-1 border-green-400 text-green-400 py-0.5 px-2 rounded-full lowercase">
+                    Draft
+                  </div>
+                )}
+            </div>
             {post.date && (
               <time
                 class="dt-published text-gray-400 font-mono"
-- 
2.45.2