Skip to content

feat: implement batch UI enhancements (#340, #342, #343, #344)#351

Open
covenantalade wants to merge 1 commit into
accesslayerorg:mainfrom
covenantalade:fix/batch-issues-340-342-343-344
Open

feat: implement batch UI enhancements (#340, #342, #343, #344)#351
covenantalade wants to merge 1 commit into
accesslayerorg:mainfrom
covenantalade:fix/batch-issues-340-342-343-344

Conversation

@covenantalade
Copy link
Copy Markdown

Summary

This PR implements four frontend enhancements for the Agri-Fi platform, improving wallet error handling, input UX, profile navigation, and transaction transparency.

Proposed Changes

🛡️ Wallet Signature Error Handling (#340)

  • Created errorHandling.utils.ts to detect user rejections across common wallet providers.
  • Replaced generic trade failure messages in LandingPage.tsx with targeted copy for declined or failed signatures.

📝 Creator Bio Character Count (#342)

  • Enhanced FormInput component with a showCharacterCount prop.
  • Implemented a "warning" threshold that highlights the counter in amber when within 20 chars of the limit.
  • Enabled character counting on the Creator Onboarding bio field (200-character limit).

📍 Sticky Profile Header (#343)

  • Implemented a scroll-aware sticky header in CreatorProfileHeader.tsx.
  • The header smoothly collapses as the user scrolls down, shrinking the avatar and typography to maintain visibility without occupying excessive screen space.
  • Includes a background blur effect for better legibility against underlying content.

⛓️ Block Confirmation Labels (#344)

  • Added transaction.utils.ts to map raw block counts to human-readable statuses:
    • 0: Pending
    • 1-5: Confirming
    • 6+: Confirmed
  • Updated PendingTxModal.tsx to display these statuses via a color-coded Badge and a detailed confirmation count tooltip.

Verification

  • Automated Tests: Ran pnpm test. Verified that CreatorBio.test.tsx and core interaction tests pass. (Note: Identified and confirmed that existing failures in utm.utils and numberFormat.utils are pre-existing baseline issues unrelated to these changes).
  • Manual Review: Verified component structure and prop drilling for character counts and sticky state logic.

Closes #340
Closes #342
Closes #343
Closes #344

…rmation labels

- Add targeted error copy for rejected and failed wallet signature requests (accesslayerorg#340)
- Implement inline character counter for creator bio input with warning states (accesslayerorg#342)
- Add scroll-aware sticky collapse behavior to creator profile header (accesslayerorg#343)
- Implement human-readable block confirmation labels (Pending/Confirming/Confirmed) (accesslayerorg#344)
@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented May 28, 2026

@covenantalade 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

2 participants