Changed badges

getsentry · Aug 15, 2023 · ebb58d7 · ebb58d7
1 parent 8ca680a
commit ebb58d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/static/app/components/replays/header/detailsPageBreadcrumbs.tsx b/static/app/components/replays/header/detailsPageBreadcrumbs.tsx
@@ -1,7 +1,7 @@
 import {Fragment} from 'react';
 
 import Breadcrumbs from 'sentry/components/breadcrumbs';
-import BaseBadge from 'sentry/components/idBadge/baseBadge';
+import ProjectBadge from 'sentry/components/idBadge/projectBadge';
 import HeaderPlaceholder from 'sentry/components/replays/header/headerPlaceholder';
 import {t} from 'sentry/locale';
 import EventView from 'sentry/utils/discover/eventView';
@@ -42,13 +42,9 @@ function DetailsPageBreadcrumbs({orgSlug, replayRecord}: Props) {
         {
           label: (
             <Fragment>
-              {
-                <BaseBadge
-                  displayName={project?.slug}
-                  project={project}
-                  avatarSize={16}
-                />
-              }
+              {project ? (
+                <ProjectBadge disableLink project={project} avatarSize={16} />
+              ) : null}
             </Fragment>
           ),
         },

diff --git a/static/app/views/replays/replayTable/tableCell.tsx b/static/app/views/replays/replayTable/tableCell.tsx
@@ -137,6 +137,7 @@ export function ReplayCell({
       {showUrl ? <StringWalker urls={replay.urls} /> : undefined}
       <Row gap={1}>
         <Row gap={0.5}>
+          {/* Avatar is used instead of ProjectBadge because using ProjectBadge increases spacing, which doesn't look as good */}
           {project ? <Avatar size={12} project={project} /> : null}
           {project ? project.slug : null}
           <Link to={detailsTab} onClick={trackNavigationEvent}>