From c0229f28a97b5a1c1cb4f6e1ad460736cc9d60cd Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Tue, 31 Mar 2026 02:27:13 +0200
Subject: [PATCH] feat: add showProgress prop to Window with reading progress
 strip

---
 components/window.tsx | 42 ++++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/components/window.tsx b/components/window.tsx
index a137868..97e1b87 100644
--- a/components/window.tsx
+++ b/components/window.tsx
@@ -1,6 +1,7 @@
 import Link from "next/link";
 import React from "react";
 import RSSIcon from "./rss-icon";
+import ReadingProgress from "./reading-progress";
 
 const CloseIcon = () => (
   <svg
@@ -45,38 +46,43 @@ interface WindowProps {
   title: string;
   children: React.ReactNode;
   className?: string;
+  showProgress?: boolean;
 }
 
 export default function Window({
   title,
   children,
   className = "",
+  showProgress = false,
 }: WindowProps) {
   return (
     <div
       className={`rounded-lg border border-white/30 bg-white/70 shadow-window backdrop-blur-xl ${className}`}
     >
-      <div className="flex select-none items-center justify-between rounded-t-md bg-gradient-to-b from-blue-500 to-window-title px-4 py-1.5 font-bold text-white text-sm">
-        <div className="flex items-center space-x-2">
-          <span>{title}</span>
-          <Link href="/feed.xml" title="RSS Feed">
-            <RSSIcon className="h-4 w-4 opacity-80 hover:opacity-100" />
-          </Link>
-        </div>
-        <div className="flex items-center space-x-2">
-          <div className="flex h-4 w-4 items-center justify-center opacity-80">
-            <MinimizeIcon />
+      <div className="rounded-t-md overflow-hidden">
+        <div className="flex select-none items-center justify-between bg-gradient-to-b from-blue-500 to-window-title px-4 py-1.5 font-bold text-white text-sm">
+          <div className="flex items-center space-x-2">
+            <span>{title}</span>
+            <Link href="/feed.xml" title="RSS Feed">
+              <RSSIcon className="h-4 w-4 opacity-80 hover:opacity-100" />
+            </Link>
           </div>
-          <div className="flex h-4 w-4 items-center justify-center opacity-80">
-            <MaximizeIcon />
+          <div className="flex items-center space-x-2">
+            <div className="flex h-4 w-4 items-center justify-center opacity-80">
+              <MinimizeIcon />
+            </div>
+            <div className="flex h-4 w-4 items-center justify-center opacity-80">
+              <MaximizeIcon />
+            </div>
+            <Link
+              href="/"
+              className="flex h-4 w-4 items-center justify-center opacity-80"
+            >
+              <CloseIcon />
+            </Link>
           </div>
-          <Link
-            href="/"
-            className="flex h-4 w-4 items-center justify-center opacity-80"
-          >
-            <CloseIcon />
-          </Link>
         </div>
+        {showProgress && <ReadingProgress />}
       </div>
       <div className="p-6">{children}</div>
     </div>