From 076375ad005b18e8aa3c18fc67698dfd160342b6 Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Thu, 14 May 2026 20:04:04 +0200
Subject: [PATCH] added drafts

---
 frontend/src/components/react/Search.tsx | 9 +++++++--
 frontend/src/pages/index.astro           | 5 ++++-
 frontend/src/pages/posts/[slug].astro    | 5 ++++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/react/Search.tsx b/frontend/src/components/react/Search.tsx
index 14b2343..1a96b91 100644
--- a/frontend/src/components/react/Search.tsx
+++ b/frontend/src/components/react/Search.tsx
@@ -234,8 +234,13 @@ export default function Search() {
                         }`}
                       >
                         <div className="flex items-baseline justify-between gap-3">
-                          <div className={`font-display italic truncate text-lg leading-tight pr-2 ${active ? 'text-[var(--mauve)]' : 'text-[var(--text)]'}`} style={{ paddingInlineEnd: '0.35em' }}>
-                            {title}
+                          <div className={`font-display italic truncate text-lg leading-tight pr-2 flex items-baseline gap-2 ${active ? 'text-[var(--mauve)]' : 'text-[var(--text)]'}`} style={{ paddingInlineEnd: '0.35em' }}>
+                            <span className="truncate">{title}</span>
+                            {p.draft && (
+                              <span className="text-[9px] font-sans not-italic uppercase tracking-[0.2em] text-[var(--peach)] border border-[var(--peach)]/60 px-1.5 py-0.5 shrink-0" style={{ borderRadius: 1 }}>
+                                Draft
+                              </span>
+                            )}
                           </div>
                           <time className="text-[10px] font-sans uppercase tracking-[0.18em] text-[var(--subtext0)] shrink-0" dateTime={p.date}>
                             {formatDate(p.date)}
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index 38873ce..b8d95a0 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -33,9 +33,12 @@ let siteConfig = {
 	welcome_subtitle: "An ongoing arrangement of pieces, sketches, and stray observations."
 };
 
+const cookieHeader = Astro.request.headers.get('cookie') ?? '';
+const fetchHeaders: HeadersInit = cookieHeader ? { cookie: cookieHeader } : {};
+
 try {
 	const [postsRes, configRes] = await Promise.all([
-		fetch(`${API_URL}/api/posts`),
+		fetch(`${API_URL}/api/posts`, { headers: fetchHeaders }),
 		fetch(`${API_URL}/api/config`)
 	]);
 
diff --git a/frontend/src/pages/posts/[slug].astro b/frontend/src/pages/posts/[slug].astro
index 2e73323..a7640ec 100644
--- a/frontend/src/pages/posts/[slug].astro
+++ b/frontend/src/pages/posts/[slug].astro
@@ -42,8 +42,11 @@ let post: PostDetail | null = null;
 let html = '';
 let error = '';
 
+const cookieHeader = Astro.request.headers.get('cookie') ?? '';
+const fetchHeaders: HeadersInit = cookieHeader ? { cookie: cookieHeader } : {};
+
 try {
-  const postRes = await fetch(`${API_URL}/api/posts/${encodeURIComponent(slug ?? '')}`);
+  const postRes = await fetch(`${API_URL}/api/posts/${encodeURIComponent(slug ?? '')}`, { headers: fetchHeaders });
   if (postRes.ok) {
     post = await postRes.json();
     html = renderMarkdown(post!.content, post!.dimensions);