improved admin and events tables

client/src/components/Colorselector.tsx

@@ -31,12 +31,14 @@ export function color2Tailwind(v: string): string | undefined {
 }
 
 export default function ColorSelector(props: {
+	isRequired?: boolean;
 	name?: string;
 	value?: string;
 	onValueChange?: (value: string) => void;
 }) {
 	return (
 		<RadioGroup
+			isRequired={props.isRequired}
 			value={props.value}
 			onValueChange={props.onValueChange}
 			classNames={{ wrapper: "grid grid-cols-4" }}

client/src/components/DeleteConfirmation.tsx

@@ -13,7 +13,7 @@ export default function DeleteConfirmation(props: {
 	isOpen: boolean;
 	onOpenChange: (isOpen: boolean) => void;
 	children: React.ReactNode;
-	header: React.ReactNode;
+	itemName: string;
 	onDelete?: () => void;
 }) {
 	return (
@@ -28,7 +28,7 @@ export default function DeleteConfirmation(props: {
 		>
 			<ModalContent>
 				<ModalHeader>
-					<h1 className="text-2xl">{props.header}</h1>
+					<h1 className="text-2xl">Delete {props.itemName}</h1>
 				</ModalHeader>
 				<ModalBody>{props.children}</ModalBody>
 				<ModalFooter>
@@ -40,7 +40,7 @@ export default function DeleteConfirmation(props: {
 						color="danger"
 						onPress={() => props.onDelete?.()}
 					>
-						Delete event
+						Delete {props.itemName}
 					</Button>
 				</ModalFooter>
 			</ModalContent>