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,38 @@
+import type { ReactElement, ReactNode } from "react";
+import { Box, Card, CardContent, Tabs } from "@mui/material";
+
+interface TabbedCardProps {
+	value: string;
+	onChange: (value: string) => void;
+	tabs: ReactElement[];
+	children: ReactNode;
+	contentSx?: object;
+	tabsSx?: object;
+}
+
+export function TabbedCard({
+	value,
+	onChange,
+	tabs,
+	children,
+	contentSx,
+	tabsSx,
+}: TabbedCardProps) {
+	return (
+		<Card variant="outlined">
+			<CardContent sx={{ p: 0 }}>
+				<Tabs
+					value={value}
+					onChange={(_, next) => onChange(String(next))}
+					variant="scrollable"
+					scrollButtons="auto"
+					allowScrollButtonsMobile
+					sx={{ px: 1, borderBottom: 1, borderColor: "divider", ...tabsSx }}
+				>
+					{tabs}
+				</Tabs>
+				<Box sx={{ p: 1.5, ...contentSx }}>{children}</Box>
+			</CardContent>
+		</Card>
+	);
+}