Gumtree UI

CommitRow

Displays a single commit with message, author, date, and abbreviated SHA.

Import

import { CommitRow } from "@gumtree/ui/forge/CommitRow";

Props

PropTypeDefaultDescription
sha*string-Full commit SHA (displayed truncated to 7 chars)
message*string-Commit message
authorName*string-Author display name
authorAvatarstring-URL for the author's avatar image
date*string-Relative or formatted date string
hrefstring-Link to the commit detail page

Examples

With Avatar

A commit row with an author avatar.

feat: add repository listing pageAlice committed 2 hours ago
a1b2c3d
<CommitRow
  sha="a1b2c3d4e5f6"
  message="feat: add repository listing page"
  authorName="Alice"
  authorAvatar="https://api.dicebear.com/9.x/thumbs/svg?seed=Alice"
  date="2 hours ago"
/>

Without Avatar

Commit rows without an avatar show a placeholder.

BO
fix: correct sidebar navigationBob committed 5 hours ago
f6e5d4c
CH
chore: update dependenciesCharlie committed 1 day ago
1a2b3c4
<CommitRow
  sha="f6e5d4c3b2a1"
  message="fix: correct sidebar navigation"
  authorName="Bob"
  date="5 hours ago"
/>
<CommitRow
  sha="1a2b3c4d5e6f"
  message="chore: update dependencies"
  authorName="Charlie"
  date="1 day ago"
/>