UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: актуализация списка внешних контуров по исполнителям и обновлениям

This commit is contained in:
DCCONSTRUCTIONS
2026-04-18 22:17:31 +03:00
parent da7351d19a
commit 6d67571b27
5 changed files with 44 additions and 7 deletions
@@ -41,8 +41,9 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
if (!request || !issue) return <></>;
const createdByDetails = issue.created_by_detail;
const assigneeDetails = issue.assignee_details?.slice(0, 2) ?? [];
const visibleLabels = issue.label_details?.slice(0, 3) ?? [];
const lastUpdatedAt = issue.updated_at || request.updated_at;
return (
<Link
@@ -73,11 +74,11 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
<div className="flex items-center justify-between gap-2">
<div className="flex flex-wrap items-center gap-2">
<Tooltip
tooltipHeading={t("issues.properties.created_on")}
tooltipContent={`${renderFormattedDate(issue.created_at ?? "")}`}
tooltipHeading={t("external_contours_page.list.last_updated")}
tooltipContent={`${renderFormattedDate(lastUpdatedAt ?? "")}`}
isMobile={isMobile}
>
<div className="text-11 text-secondary">{renderFormattedDate(issue.created_at ?? "")}</div>
<div className="text-11 text-secondary">{renderFormattedDate(lastUpdatedAt ?? "")}</div>
</Tooltip>
{issue.priority && issue.priority !== "none" && (
@@ -93,9 +94,25 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
</div>
))}
</div>
{createdByDetails ? (
<Avatar src={createdByDetails.avatar_url || ""} name={createdByDetails.display_name || "NODE.DC"} size="md" showTooltip />
) : null}
<div className="flex items-center gap-1">
{assigneeDetails.length > 0 ? (
<>
{assigneeDetails.map((assignee) => (
<Avatar
key={assignee.id}
src={assignee.avatar_url || ""}
name={assignee.display_name || "NODE.DC"}
size="md"
showTooltip
/>
))}
</>
) : (
<Tooltip tooltipHeading={t("assignee")} tooltipContent={t("external_contours_page.list.unassigned")} isMobile={isMobile}>
<div className="text-11 text-placeholder">{t("external_contours_page.list.unassigned")}</div>
</Tooltip>
)}
</div>
</div>
</Row>
</Link>
@@ -23,6 +23,7 @@ export const ExternalContoursRequestTraceability = observer(function ExternalCon
const issue = contourRequest.issue;
const requestedByName = contourRequest.requested_by_name || issue.created_by_detail?.display_name || t("common.none");
const requestedAt = contourRequest.requested_at || contourRequest.created_at;
const lastUpdatedAt = issue.updated_at || contourRequest.updated_at;
const targetProjectName = contourRequest.target_project_name || issue.project_detail?.name || t("common.none");
const targetIssueKey =
issue.project_detail?.identifier && issue.sequence_id
@@ -80,6 +81,13 @@ export const ExternalContoursRequestTraceability = observer(function ExternalCon
</div>
</div>
<div className="rounded-md border border-subtle bg-surface-1 p-3">
<div className="text-11 font-medium text-tertiary">{t("external_contours_page.traceability.last_updated")}</div>
<div className="mt-1 text-13 font-medium text-secondary">
{lastUpdatedAt ? renderFormattedDate(lastUpdatedAt) : t("common.none")}
</div>
</div>
<div className="rounded-md border border-subtle bg-surface-1 p-3">
<div className="text-11 font-medium text-tertiary">{t("external_contours_page.traceability.linked_item")}</div>
<div className="mt-1 flex items-center gap-2">