Skip to content

fix: add address book quick-fill for recipient field - #535

Merged
Chuks-coderr merged 9 commits into
SoroStream:mainfrom
Democodes-flash:feat/issue-361-add-address-book-quick-fill-for-frequent
Aug 31, 2026
Merged

fix: add address book quick-fill for recipient field#535
Chuks-coderr merged 9 commits into
SoroStream:mainfrom
Democodes-flash:feat/issue-361-add-address-book-quick-fill-for-frequent

Conversation

@Democodes-flash

@Democodes-flash Democodes-flash commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Overview

This PR adds an address book quick-fill picker to the create-stream recipient field. Users can click a contacts icon, choose a saved Stellar address, and the field is filled instantly with the alias shown alongside — saving time and eliminating manual entry errors.

Related Issue

Closes #

Changes

📇 Address Book Quick-Fill Picker

  • [MODIFY] src/lib/addressBook.ts

    • Adds contact lookup helpers to source entries for the picker.
    • Sorts contacts by alias and provides a stable selection model.
  • [MODIFY] components/RecipientAutocomplete.tsx

    • Adds a contacts icon inside the recipient field.
    • Opens a picker dropdown listing saved contacts with aliases.
    • Renders an empty state when the address book has no entries.
  • [MODIFY] components/StreamCreationForm.tsx

    • Wires contact selection into the existing recipient field state.
    • Displays the selected contact's alias alongside the filled address.
  • [MODIFY] components/ui/Input.tsx

    • Adds an optional right-side icon slot so the contacts button can live inside the input.
  • [MODIFY] src/lib/i18n.ts

    • Adds localized strings for the picker title, empty state, and alias label.

Verification Results

npm run lint && npm run build
✅ 0 errors / 0 warnings

Live acceptance check:
✅ Contacts icon on recipient field opens the address book picker
✅ Selecting a contact fills the recipient field with their address
✅ Alias displayed alongside the address after selection
✅ Empty state shown when the address book has no entries
Acceptance Criteria Status
Contacts icon on the recipient field opens the address book picker ✅ Icon rendered inside recipient field; picker dropdown opens on click
Selecting a contact fills the recipient field with their address ✅ Selected address copied into recipient field and picker closes
Alias displayed alongside the address after selection ✅ Alias shown as secondary text next to the address
Empty state shown when the address book has no entries ✅ Friendly empty state with a call-to-action to add contacts

Closes #361

@drips-wave

drips-wave Bot commented Aug 31, 2026

Copy link
Copy Markdown

@Democodes-flash 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

@vercel

vercel Bot commented Aug 31, 2026

Copy link
Copy Markdown

@Democodes-flash is attempting to deploy a commit to the Chuks7 Team on Vercel.

A member of the Team first needs to authorize it.

@Democodes-flash Democodes-flash changed the title feat: add address book quick-fill in create-stream form fix: add address book quick-fill for recipient field Aug 31, 2026
@Chuks-coderr Chuks-coderr reopened this Aug 31, 2026
@Chuks-coderr
Chuks-coderr merged commit 47c05ba into SoroStream:main Aug 31, 2026
1 check failed
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.

Add address book quick-fill for frequent recipient addresses in the create-stream form

2 participants