Patchpass V1

2026-07-18 20:14:44 +02:00
commit 7e05dd918c
101 changed files with 15183 additions and 0 deletions
@@ -0,0 +1,56 @@
+import { ReactNode, useEffect } from "react";
+
+export function Modal({
+	open,
+	onClose,
+	title,
+	children,
+	footer,
+	wide,
+}: {
+	open: boolean;
+	onClose: () => void;
+	title: string;
+	children: ReactNode;
+	footer?: ReactNode;
+	wide?: boolean;
+}) {
+	useEffect(() => {
+		if (!open) return;
+		const onKey = (e: KeyboardEvent) => {
+			if (e.key === "Escape") onClose();
+		};
+		window.addEventListener("keydown", onKey);
+		document.body.style.overflow = "hidden";
+		return () => {
+			window.removeEventListener("keydown", onKey);
+			document.body.style.overflow = "";
+		};
+	}, [open, onClose]);
+
+	if (!open) return null;
+
+	return (
+		<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+			<div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={onClose} />
+			<div
+				className={`animate-fade-in relative z-10 w-full ${wide ? "max-w-3xl" : "max-w-lg"} rounded-2xl border border-border-strong bg-surface shadow-2xl`}
+			>
+				<div className="flex items-center justify-between border-b border-border px-5 py-4">
+					<h2 className="text-lg font-semibold text-text">{title}</h2>
+					<button
+						onClick={onClose}
+						className="rounded-lg p-1 text-muted hover:bg-surface-raised hover:text-text"
+						aria-label="Close"
+					>
+						<svg className="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+							<path d="M6 6l12 12M18 6L6 18" strokeLinecap="round" />
+						</svg>
+					</button>
+				</div>
+				<div className="max-h-[70vh] overflow-y-auto px-5 py-4">{children}</div>
+				{footer && <div className="flex justify-end gap-2 border-t border-border px-5 py-4">{footer}</div>}
+			</div>
+		</div>
+	);
+}