Henry
982cdb63eb
Co-authored-by: nova28 <17953305+nova28@users.noreply.github.com> Co-authored-by: Carlos Florencio <carlosmflorencio@gmail.com>
100 lines
3.4 KiB
TypeScript
100 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { useMemo, type RefObject } from "react";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@kandev/ui/dialog";
|
|
import { TaskChangeRequestLinkForm } from "@/components/integrations/task-change-request-link-form";
|
|
import { createTaskPR } from "@/lib/api/domains/github-api";
|
|
import { createFocusReturnHandler } from "@/lib/dialog-focus-return";
|
|
import type { Repository } from "@/lib/types/http";
|
|
import {
|
|
githubReposForTask,
|
|
pullRequestPayload,
|
|
type TaskPullRequestLinkTarget,
|
|
} from "./task-github-pr-url";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
/** URL shape the user types verbatim — protocol, not copy. Passed into the
|
|
* placeholder message as an interpolation value so it survives translation. */
|
|
const GITHUB_PR_URL_EXAMPLE = "github.com/owner/repo/pull/1471";
|
|
|
|
type TaskGitHubPRDialogProps = {
|
|
workspaceId: string | null;
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
task: TaskPullRequestLinkTarget;
|
|
repositories: Repository[];
|
|
/** Element to return keyboard focus to on close (AC-TASKS-TASK-ACTIONS-MENU-001.12).
|
|
* Omitted callers keep Radix's default restore-to-previously-focused-element behavior. */
|
|
focusReturnRef?: RefObject<HTMLElement | null>;
|
|
};
|
|
|
|
export function TaskGitHubPRDialog({
|
|
workspaceId,
|
|
open,
|
|
onOpenChange,
|
|
task,
|
|
repositories,
|
|
focusReturnRef,
|
|
}: TaskGitHubPRDialogProps) {
|
|
const { t } = useTranslation();
|
|
const githubRepos = useMemo(() => githubReposForTask(task, repositories), [task, repositories]);
|
|
const inferredRepo = githubRepos.length === 1 ? githubRepos[0] : null;
|
|
const placeholder = inferredRepo
|
|
? t("task:githubPrRefPlaceholder", { example: GITHUB_PR_URL_EXAMPLE })
|
|
: GITHUB_PR_URL_EXAMPLE;
|
|
|
|
const submit = async (reference: string) => {
|
|
if (!workspaceId) {
|
|
throw new Error(t("task:selectWorkspaceBeforeLinkingPr"));
|
|
}
|
|
const payload = pullRequestPayload(reference, githubRepos);
|
|
await createTaskPR({
|
|
workspace_id: workspaceId,
|
|
task_id: task.id,
|
|
pr_url: payload.pr_url,
|
|
...(payload.repository_id ? { repository_id: payload.repository_id } : {}),
|
|
});
|
|
};
|
|
|
|
return (
|
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
<DialogContent
|
|
className="w-[calc(100vw-2rem)] sm:max-w-lg"
|
|
onCloseAutoFocus={createFocusReturnHandler(focusReturnRef)}
|
|
>
|
|
<DialogHeader>
|
|
<DialogTitle>{t("task:linkGithubPullRequest")}</DialogTitle>
|
|
<DialogDescription>
|
|
{inferredRepo
|
|
? t("task:useAFullPullRequestUrl", {
|
|
owner: inferredRepo.owner,
|
|
repo: inferredRepo.repo,
|
|
})
|
|
: t("task:useAFullGithubPullRequest")}
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<TaskChangeRequestLinkForm
|
|
inputLabel={t("task:pullRequest")}
|
|
placeholder={placeholder}
|
|
emptyError={t("task:enterGithubPrUrlOrNumber")}
|
|
failureMessage={t("task:failedToLinkGithubPullRequest")}
|
|
successMessage={t("task:githubPullRequestLinked")}
|
|
inputTestId="task-github-pr-input"
|
|
errorTestId="task-github-pr-error"
|
|
submitTestId="task-github-pr-submit"
|
|
resetKey={open}
|
|
onSubmit={submit}
|
|
onCancel={() => onOpenChange(false)}
|
|
onSuccess={() => onOpenChange(false)}
|
|
/>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|