Add missing frontend and backend files

2026-05-06 23:46:08 +02:00
parent b789034bbe
commit 016e3255f5
20 changed files with 5226 additions and 0 deletions
@@ -0,0 +1,71 @@
+import type { ReactNode } from "react";
+import { Box, Card, CardContent, Typography } from "@mui/material";
+
+interface SelectionRailCardProps {
+	title: string;
+	description?: string;
+	children: ReactNode;
+	footer?: ReactNode;
+	minHeight?: number;
+	contentSx?: object;
+	bodySx?: object;
+}
+
+export function SelectionRailCard({
+	title,
+	description,
+	children,
+	footer,
+	minHeight = 420,
+	contentSx,
+	bodySx,
+}: SelectionRailCardProps) {
+	return (
+		<Card variant="outlined" sx={{ alignSelf: "start", height: "fit-content" }}>
+			<CardContent
+				sx={{
+					p: 0,
+					display: "flex",
+					flexDirection: "column",
+					minHeight,
+					...contentSx,
+				}}
+			>
+				<Box
+					sx={{
+						px: 1.5,
+						py: 1.25,
+						borderBottom: 1,
+						borderColor: "divider",
+						bgcolor: "action.hover",
+					}}
+				>
+					<Typography
+						variant="subtitle2"
+						sx={{ fontWeight: 800, letterSpacing: 0.2 }}
+					>
+						{title}
+					</Typography>
+					{description ? (
+						<Typography variant="body2" color="text.secondary">
+							{description}
+						</Typography>
+					) : null}
+				</Box>
+				<Box sx={{ flex: 1, overflowY: "auto", ...bodySx }}>{children}</Box>
+				{footer ? (
+					<Box
+						sx={{
+							p: 1,
+							borderTop: 1,
+							borderColor: "divider",
+							bgcolor: "background.paper",
+						}}
+					>
+						{footer}
+					</Box>
+				) : null}
+			</CardContent>
+		</Card>
+	);
+}