ref(ui): Consolidate TeamBadge (#68927)

This had an extraneous second component for some reason

---------

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>

Author: evanpurkhiser

static/app/components/idBadge/getBadge.tsx

@@ -1,15 +1,9 @@
-import type {BaseBadgeProps} from 'sentry/components/idBadge/baseBadge';
-import type {MemberBadgeProps} from 'sentry/components/idBadge/memberBadge';
-import MemberBadge from 'sentry/components/idBadge/memberBadge';
-import type {OrganizationBadgeProps} from 'sentry/components/idBadge/organizationBadge';
-import OrganizationBadge from 'sentry/components/idBadge/organizationBadge';
-import type {ProjectBadgeProps} from 'sentry/components/idBadge/projectBadge';
-import ProjectBadge from 'sentry/components/idBadge/projectBadge';
-import {TeamBadge} from 'sentry/components/idBadge/teamBadge';
-import type {UserBadgeProps} from 'sentry/components/idBadge/userBadge';
-import UserBadge from 'sentry/components/idBadge/userBadge';
-
-import type {TeamBadgeProps} from './teamBadge/badge';
+import type {BaseBadgeProps} from './baseBadge';
+import MemberBadge, {type MemberBadgeProps} from './memberBadge';
+import OrganizationBadge, {type OrganizationBadgeProps} from './organizationBadge';
+import ProjectBadge, {type ProjectBadgeProps} from './projectBadge';
+import {TeamBadge, type TeamBadgeProps} from './teamBadge';
+import UserBadge, {type UserBadgeProps} from './userBadge';
 
 type DisplayName = BaseBadgeProps['displayName'];
 

static/app/components/idBadge/teamBadge/index.spec.tsx renamed to static/app/components/idBadge/teamBadge.spec.tsx

@@ -0,0 +1,35 @@
+import TeamStore from 'sentry/stores/teamStore';
+import {useLegacyStore} from 'sentry/stores/useLegacyStore';
+import type {Team} from 'sentry/types';
+
+import BadgeDisplayName from './badgeDisplayName';
+import BaseBadge, {type BaseBadgeProps} from './baseBadge';
+
+export interface TeamBadgeProps
+  extends Partial<Omit<BaseBadgeProps, 'project' | 'organization' | 'team'>> {
+  team: Team;
+  /**
+   * When true will default max-width, or specify one as a string
+   */
+  hideOverflow?: boolean | string;
+}
+
+function TeamBadge({hideOverflow = true, team, ...props}: TeamBadgeProps) {
+  const {teams} = useLegacyStore(TeamStore);
+
+  // Get the most up-to-date team from the store
+  const resolvedTeam = teams.find(t => t.id === team.id) ?? team;
+  const teamName = `#${resolvedTeam.slug}`;
+
+  return (
+    <BaseBadge
+      displayName={
+        <BadgeDisplayName hideOverflow={hideOverflow}>{teamName}</BadgeDisplayName>
+      }
+      team={resolvedTeam}
+      {...props}
+    />
+  );
+}
+
+export {TeamBadge};