TypeBadge function presentation exported

Last updated: 2026-03-04T23:21:38.418Z

Location

src/lib/ui/components/badges.tsx:20-23

Metrics

LOC: 4 Complexity: 2 Params: 2

Signature

TypeBadge({ type, prefix = "" }: TypeBadgeProps)

Architecture violations

View all

  • [warning] function-camel-case: 'TypeBadge' does not match naming convention /^[a-z][a-zA-Z0-9]*$/

Source Code

export function TypeBadge({ type, prefix = "" }: TypeBadgeProps) {
  const color = TYPE_COLORS[type] ?? "#64748b";
  return (
    <span class={`${prefix}type-badge`} style={{ background: color }}>

No outgoing dependencies.

Impact (Incoming)

graph LR TypeBadge["TypeBadge"] FieldsTabCallbacks["FieldsTabCallbacks"] FieldsTabCallbacks -->|uses| TypeBadge style TypeBadge fill:#dbeafe,stroke:#2563eb,stroke-width:2px click TypeBadge "1c97b7cce1c9782a.html" click FieldsTabCallbacks "4ae0d4ee918b4d68.html"
SourceType
FieldsTabCallbacks uses