@flowdular/sdk 0.1.0

package/packages/sandbox/src/client/ApprovalHandoff.tsrx

@@ -0,0 +1,39 @@
+import { Alert } from '@flowdular/sdk/ui';
+import type { HandoffPlan } from '../server/sessions.ts';
+import type { ModuleSpecReview } from '../server/spec.ts';
+import { SpecReviewCard } from './SpecReviewCard.tsrx';
+import { useTranslation } from './i18n.ts';
+
+export function ApprovalHandoff(props: {
+	readonly handoff: HandoffPlan;
+	readonly reviews: readonly ModuleSpecReview[];
+	readonly busy: boolean;
+	readonly onApprove: (handoff: HandoffPlan) => void;
+	readonly onRequestChanges: (module: string, comment: string) => void;
+	readonly onEdit: (module: string) => void;
+}) @{
+	const { t } = useTranslation();
+	const review =
+		props.handoff.module
+			? props.reviews.find((entry) => entry.module === props.handoff.module)
+			: props.reviews.length === 1
+				? props.reviews[0]
+				: undefined;
+	@if (review) {
+		<SpecReviewCard
+			review={review}
+			busy={props.busy}
+			onApprove={() => props.onApprove({
+				...props.handoff,
+				module: review.module,
+			})}
+			onRequestChanges={(comment) => props.onRequestChanges(
+				review.module,
+				comment,
+			)}
+			onEdit={() => props.onEdit(review.module)}
+		/>
+	} @else {
+		<Alert>{t('sandbox.spec.reviewUnavailable')}</Alert>
+	}
+}