Skip to content

feat: add identicons to signer management list - #555

Open
LockedTerminal wants to merge 1 commit into
WHEELBACK:mainfrom
LockedTerminal:feature/signer-management-identicon
Open

feat: add identicons to signer management list#555
LockedTerminal wants to merge 1 commit into
WHEELBACK:mainfrom
LockedTerminal:feature/signer-management-identicon

Conversation

@LockedTerminal

Copy link
Copy Markdown
Contributor

Closes #451

  • Add frontend/src/utils/identicon.ts: pure client-side deterministic identicon generator using FNV-1a 32-bit hash, no network calls. Produces a symmetric 5×5 pixel-grid SVG with address-derived colour.
  • Update SignerRow in SignerManagement.tsx to render an component alongside each signer address for at-a-glance recognition.
  • Add .signer-identicon CSS class and .signer-td__address-wrap flex container so the icon and address sit inline cleanly.
  • Add SignerManagement.test.tsx asserting:
    • one identicon rendered per signer
    • accessible aria-label includes shortened address
    • distinct SVGs for different addresses
    • same address always yields the same SVG (determinism)

Checklist

  • Closes #__
  • Tests added or updated
  • ABI snapshot updated if contract sources changed (abis/ and COMEBACKHERE-contracts/)
  • Screenshots attached if UI changed
  • Documentation updated if needed

Notes

  • For contract changes, verify ABI snapshot hygiene with make check-abi-snapshots.
  • For UI changes, include screenshots or screen recordings to help reviewers.

Closes WHEELBACK#231

- Add frontend/src/utils/identicon.ts: pure client-side deterministic
  identicon generator using FNV-1a 32-bit hash, no network calls.
  Produces a symmetric 5×5 pixel-grid SVG with address-derived colour.
- Update SignerRow in SignerManagement.tsx to render an <Identicon>
  component alongside each signer address for at-a-glance recognition.
- Add .signer-identicon CSS class and .signer-td__address-wrap flex
  container so the icon and address sit inline cleanly.
- Add SignerManagement.test.tsx asserting:
  - one identicon rendered per signer
  - accessible aria-label includes shortened address
  - distinct SVGs for different addresses
  - same address always yields the same SVG (determinism)
@drips-wave

drips-wave Bot commented Aug 29, 2026

Copy link
Copy Markdown

@LockedTerminal Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

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.

feat: add signer avatar/identicon to SignerManagement list

1 participant