UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: актуализация списка внешних контуров по исполнителям и обновлениям
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user