diff --git a/resources/js/components/commit-card.tsx b/resources/js/components/commit-card.tsx index edd740d31..c64899e2b 100644 --- a/resources/js/components/commit-card.tsx +++ b/resources/js/components/commit-card.tsx @@ -36,6 +36,7 @@ import { import { HiddenLinkPreviewContext } from '@/components/hidden-link-preview-context'; import { LinkPreview } from '@/components/link-preview'; import { LiveStreamTrigger } from '@/components/live-stream-card'; +import { OrganizationBadge } from '@/components/organization-badge'; import { QuotedCommit } from '@/components/quoted-commit'; import { ThreadPositionBadge, @@ -375,6 +376,11 @@ export function CommitCard({ @{commit.author.handle} + {commit.author.type === 'organization' && ( + + )} + Organization + + ); +} diff --git a/tests/Unit/OrganizationBadge.test.tsx b/tests/Unit/OrganizationBadge.test.tsx new file mode 100644 index 000000000..1849d3b60 --- /dev/null +++ b/tests/Unit/OrganizationBadge.test.tsx @@ -0,0 +1,12 @@ +/// +import assert from 'node:assert/strict'; +import { renderToStaticMarkup } from 'react-dom/server'; +import { test } from 'vite-plus/test'; +import { OrganizationBadge } from '../../resources/js/components/organization-badge'; + +test('labels the badge with the organization that posted the commit', () => { + const html = renderToStaticMarkup(); + + assert.match(html, /Organization/); + assert.match(html, /title="Posted by the @laravel organization"/); +});