Skip to content

Commit 0a64cc9

Browse files
authored
ref(replays): Update replay pages to show project name (#54728)
Updates the replay index page to add the project name to the bottom of all table rows and updates the replay details page to add the project name to the chevron area at the top of the page. Closes #53473
1 parent 0c860be commit 0a64cc9

File tree

2 files changed

+9
-2
lines changed

2 files changed

+9
-2
lines changed

static/app/components/replays/header/detailsPageBreadcrumbs.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import {Fragment} from 'react';
22

33
import Breadcrumbs from 'sentry/components/breadcrumbs';
4-
import BaseBadge from 'sentry/components/idBadge/baseBadge';
4+
import ProjectBadge from 'sentry/components/idBadge/projectBadge';
55
import HeaderPlaceholder from 'sentry/components/replays/header/headerPlaceholder';
66
import {t} from 'sentry/locale';
77
import EventView from 'sentry/utils/discover/eventView';
@@ -42,10 +42,15 @@ function DetailsPageBreadcrumbs({orgSlug, replayRecord}: Props) {
4242
{
4343
label: (
4444
<Fragment>
45-
{<BaseBadge displayName={labelTitle} project={project} avatarSize={16} />}
45+
{project ? (
46+
<ProjectBadge disableLink project={project} avatarSize={16} />
47+
) : null}
4648
</Fragment>
4749
),
4850
},
51+
{
52+
label: labelTitle,
53+
},
4954
]}
5055
/>
5156
);

static/app/views/replays/replayTable/tableCell.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,9 @@ export function ReplayCell({
137137
{showUrl ? <StringWalker urls={replay.urls} /> : undefined}
138138
<Row gap={1}>
139139
<Row gap={0.5}>
140+
{/* Avatar is used instead of ProjectBadge because using ProjectBadge increases spacing, which doesn't look as good */}
140141
{project ? <Avatar size={12} project={project} /> : null}
142+
{project ? project.slug : null}
141143
<Link to={detailsTab} onClick={trackNavigationEvent}>
142144
{getShortEventId(replay.id)}
143145
</Link>

0 commit comments

Comments
 (0)