133 lines
4.1 KiB
TypeScript
133 lines
4.1 KiB
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import type { QuestionnaireItemStatus } from "@shadcn/react/questionnaire"
|
|
import { toast } from "sonner"
|
|
|
|
import {
|
|
Questionnaire,
|
|
QuestionnaireActions,
|
|
QuestionnaireChoice,
|
|
QuestionnaireChoices,
|
|
QuestionnaireDescription,
|
|
QuestionnaireError,
|
|
QuestionnaireInput,
|
|
QuestionnaireItem,
|
|
QuestionnaireNext,
|
|
QuestionnairePrevious,
|
|
QuestionnaireProgress,
|
|
QuestionnaireSkip,
|
|
QuestionnaireSubmit,
|
|
QuestionnaireTitle,
|
|
} from "@/styles/base-nova/ui/questionnaire"
|
|
|
|
const items = [
|
|
{ name: "task", required: true },
|
|
{ name: "constraints" },
|
|
{ name: "review", required: true },
|
|
] as const
|
|
|
|
export function QuestionnaireSkipExample() {
|
|
const [constraintStatus, setConstraintStatus] =
|
|
React.useState<QuestionnaireItemStatus>("unanswered")
|
|
|
|
function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
|
|
event.preventDefault()
|
|
|
|
const formData = new FormData(event.currentTarget)
|
|
const answers = {
|
|
task: formData.get("task"),
|
|
constraints: formData.get("constraints"),
|
|
constraintStatus,
|
|
review: formData.get("review"),
|
|
}
|
|
|
|
toast("Agent brief submitted", {
|
|
description: `Task: ${answers.task ?? "None"} · Constraints: ${
|
|
answers.constraintStatus === "skipped"
|
|
? "Skipped"
|
|
: (answers.constraints ?? "None")
|
|
} · Review: ${answers.review ?? "None"}`,
|
|
})
|
|
}
|
|
|
|
return (
|
|
<Questionnaire
|
|
className="mx-auto max-w-md"
|
|
defaultItem="task"
|
|
items={items}
|
|
onSubmit={handleSubmit}
|
|
>
|
|
<QuestionnaireProgress />
|
|
|
|
<QuestionnaireItem name="task" required>
|
|
<QuestionnaireTitle>What kind of change is this?</QuestionnaireTitle>
|
|
<QuestionnaireDescription>
|
|
Choose the category that best describes the work.
|
|
</QuestionnaireDescription>
|
|
<QuestionnaireChoices>
|
|
<QuestionnaireChoice value="feature">New feature</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="fix">Bug fix</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="refactor">Refactor</QuestionnaireChoice>
|
|
</QuestionnaireChoices>
|
|
<QuestionnaireError />
|
|
</QuestionnaireItem>
|
|
|
|
<QuestionnaireItem
|
|
name="constraints"
|
|
onStatusChange={setConstraintStatus}
|
|
>
|
|
<QuestionnaireTitle>
|
|
Are there any implementation constraints?
|
|
</QuestionnaireTitle>
|
|
<QuestionnaireDescription>
|
|
Answer if needed, or intentionally skip this question.
|
|
</QuestionnaireDescription>
|
|
<QuestionnaireChoices>
|
|
<QuestionnaireChoice value="no-dependencies">
|
|
Do not add dependencies
|
|
</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="no-migrations">
|
|
Do not change the database
|
|
</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="preserve-api">
|
|
Preserve the public API
|
|
</QuestionnaireChoice>
|
|
<QuestionnaireInput
|
|
aria-label="Another implementation constraint"
|
|
placeholder="Describe another constraint…"
|
|
/>
|
|
</QuestionnaireChoices>
|
|
</QuestionnaireItem>
|
|
|
|
<QuestionnaireItem name="review" required>
|
|
<QuestionnaireTitle>
|
|
How should the work be reviewed?
|
|
</QuestionnaireTitle>
|
|
<QuestionnaireDescription>
|
|
Choose the checks the agent should complete before handoff.
|
|
</QuestionnaireDescription>
|
|
<QuestionnaireChoices>
|
|
<QuestionnaireChoice value="tests">
|
|
Run the test suite
|
|
</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="diff">
|
|
Review the final diff
|
|
</QuestionnaireChoice>
|
|
<QuestionnaireChoice value="both">
|
|
Tests and diff review
|
|
</QuestionnaireChoice>
|
|
</QuestionnaireChoices>
|
|
<QuestionnaireError />
|
|
</QuestionnaireItem>
|
|
|
|
<QuestionnaireActions>
|
|
<QuestionnairePrevious />
|
|
<QuestionnaireSkip />
|
|
<QuestionnaireNext>Next</QuestionnaireNext>
|
|
<QuestionnaireSubmit>Submit brief</QuestionnaireSubmit>
|
|
</QuestionnaireActions>
|
|
</Questionnaire>
|
|
)
|
|
}
|