Fixed Close

X button appeared everywhere on the CLIWindows, added option onClose to
only appear on those we want it to

Author: GardKalland

programmerbar-web/src/lib/components/app/CLIWindow.svelte

@@ -4,24 +4,28 @@
 		title: string;
 		children?: import('svelte').Snippet;
 		class?: string;
+		onClose?: () => void;
 	};
 
-	let { title, children, class: className = '' }: Props = $props();
+	let { title, children, class: className = '', onClose }: Props = $props();
 </script>
 
 <div class="border-border bg-card flex flex-col border-2 font-mono {className}">
 	<!-- Window Title Bar -->
 	<div class="border-border bg-card-muted flex items-center justify-between border-b px-3 py-1.5">
 		<div class="flex items-center gap-2">
 			<div class="flex shrink-0 gap-1.5">
-				<button
-					onclick={() => window.history.back()}
-					class="bg-accent-error flex h-3 w-3 items-center justify-center rounded-full transition-opacity
-  hover:opacity-80"
-					aria-label="Close"
-				>
-					<X class="h-2 w-2 text-black" strokeWidth={3} />
-				</button>
+				{#if onClose}
+					<button
+						onclick={onClose}
+						class="bg-accent-error flex h-3 w-3 items-center justify-center rounded-full transition-opacity hover:opacity-80"
+						aria-label="Close"
+					>
+						<X class="h-2 w-2 text-black" strokeWidth={3} />
+					</button>
+				{:else}
+					<div class="bg-accent-error h-3 w-3 rounded-full"></div>
+				{/if}
 				<div class="bg-accent-warning h-3 w-3 rounded-full"></div>
 				<div class="bg-accent-success h-3 w-3 rounded-full"></div>
 			</div>

programmerbar-web/src/routes/(app)/produkt/[id]/+page.svelte

@@ -127,7 +127,11 @@
 	type="product"
 />
 
-<CLIWindow title="cat produkt/{data.product._id}.txt" class="mx-auto w-full max-w-6xl">
+<CLIWindow
+	title="cat produkt/{data.product._id}.txt"
+	class="mx-auto w-full max-w-6xl"
+	onClose={() => window.history.back()}
+>
 	<!-- Window Content -->
 	<div class="flex-1 p-6 md:p-8">
 		<!-- Mobile Header - Only visible on mobile -->