Skip to content

feat(governance): color-coded proposal type chips#297

Merged
QSchlegel merged 2 commits into
preprodfrom
claude/gov-type-chips
Jun 13, 2026
Merged

feat(governance): color-coded proposal type chips#297
QSchlegel merged 2 commits into
preprodfrom
claude/gov-type-chips

Conversation

@QSchlegel

Copy link
Copy Markdown
Collaborator

The proposal meta row rendered the governance action type as plain uppercase text (TREASURY WITHDRAWALS) — visually identical to the Authors/Status fields and hard to scan down a list.

Change

A single shared GovernanceTypeChip renders each Conway action type as a color-coded outline Badge + icon, used in both the mobile and desktop meta rows (no view drift):

type color icon
treasury_withdrawals amber Coins
info_action blue FileText
parameter_change purple Settings2
hard_fork_initiation orange GitBranch
no_confidence red XCircle
new_constitution teal FileText
new_committee / update_committee indigo Users
unknown slate Hash (Title-Cased fallback label)

Purely presentational — no data fetching, vote flow, or other logic touched. Unknown/future types fall back to a slate chip with a Title-Cased label rather than breaking.

Verify

  • tsc clean.
  • Chrome MCP desktop + 390px: Type row shows a colored chip with icon; long lists scan faster; mobile row wraps cleanly.

Follow-up (deferred): a lazy, treasury-only "Ask ₳…" badge from the /withdrawals endpoint on card expand.

🤖 Generated with Claude Code

The proposal meta row showed the governance action type as plain uppercase
text ("TREASURY WITHDRAWALS"), visually indistinguishable from the other meta
fields and hard to scan in a long list.

Add a GovernanceTypeChip that renders each Conway action type as a color-coded
outline Badge with an icon:
- treasury_withdrawals  amber   Coins
- info_action           blue    FileText
- parameter_change      purple  Settings2
- hard_fork_initiation  orange  GitBranch
- no_confidence         red     XCircle
- new_constitution      teal    FileText
- new/update_committee  indigo  Users
- unknown               slate   Hash (Title-Cased fallback label)

Used in both the mobile and desktop meta rows (single shared component, no
view drift). Purely presentational — no data or vote-flow changes.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
multisig Ready Ready Preview, Comment Jun 13, 2026 11:22am

Request Review

# Conflicts:
#	src/components/pages/wallet/governance/proposals.tsx
@QSchlegel QSchlegel merged commit b3b8518 into preprod Jun 13, 2026
6 of 7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant