João Salavisa
49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import { DialogTitle } from "@kandev/ui/dialog";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export type DialogHeaderContentProps = {
|
|
isCreateMode: boolean;
|
|
isEditMode: boolean;
|
|
sessionRepoName?: string;
|
|
initialTitle?: string;
|
|
};
|
|
|
|
/**
|
|
* Header for the task-create dialog. In create/edit mode the header is
|
|
* intentionally minimal — the dialog itself signals "create" and the
|
|
* repo + branch chips and task-name input live in the body. Session mode
|
|
* shows a breadcrumb (repo / task / new session).
|
|
*/
|
|
export function DialogHeaderContent({
|
|
isCreateMode,
|
|
isEditMode,
|
|
sessionRepoName,
|
|
initialTitle,
|
|
}: DialogHeaderContentProps) {
|
|
const { t } = useTranslation();
|
|
if (isCreateMode || isEditMode) {
|
|
return (
|
|
<DialogTitle className="sr-only">
|
|
{isEditMode ? t("common:editTask") : t("task:newTask")}
|
|
</DialogTitle>
|
|
);
|
|
}
|
|
return (
|
|
<DialogTitle asChild>
|
|
<div className="flex items-center gap-1 min-w-0 text-sm font-medium">
|
|
{sessionRepoName && (
|
|
<>
|
|
<span className="truncate text-muted-foreground">{sessionRepoName}</span>
|
|
<span className="text-muted-foreground mx-0.5">/</span>
|
|
</>
|
|
)}
|
|
<span className="truncate">{initialTitle || t("task:task")}</span>
|
|
<span className="text-muted-foreground mx-0.5">/</span>
|
|
<span className="text-muted-foreground whitespace-nowrap">{t("task:newSession2")}</span>
|
|
</div>
|
|
</DialogTitle>
|
|
);
|
|
}
|