Skip to content

Broker contact flow for Punk marketplace status#12

Open
jckbtchr-vv wants to merge 2 commits into
masterfrom
broker-button
Open

Broker contact flow for Punk marketplace status#12
jckbtchr-vv wants to merge 2 commits into
masterfrom
broker-button

Conversation

@jckbtchr-vv
Copy link
Copy Markdown
Contributor

Summary

Adds a broker contact flow to the Punk detail Marketplace Status module and rearranges the module layout.

  • Punk/Detail/Market.vue — Top bid moved to the left cell with the Place-bid form beneath it; Listing moved to the right cell with a new Contact broker button beneath it. Surfaces the owner's wallet last-active time (from the indexer) under the listing state. Owner/buyer transaction logic preserved.
  • Market/BrokerContact.vue — Contact broker popover with email capture (client-side only for now — no collection endpoint wired yet) and a co-branded preview. A subtle floating toggle appears beneath the dialog while it's open, switching between the standard and branded versions.
  • Market/BrokerLogo.vue — renders the broker wordmark from runtime config.
  • Runtime config — broker name + logo extracted to runtimeConfig.public.broker, overridable per deployment via NUXT_PUBLIC_BROKER_NAME / NUXT_PUBLIC_BROKER_LOGO. Documented in .env.example.

Notes

  • The email capture has no backend yet; it confirms client-side and a broker follows up out of band. Marked with a TODO to swap in a POST when the backend lands.
  • To re-skin for a different broker firm, set the two env vars (logo is single-line SVG with fill="currentColor") — no code changes needed.

🤖 Generated with Claude Code

jckbtchr-vv and others added 2 commits May 29, 2026 16:15
Rework Punk/Detail/Market.vue: move Top bid to the left cell with the
Place-bid form beneath it, Listing to the right cell with a new Contact
broker button beneath it, and surface the owner's wallet last-active time
(from the indexer) under the listing state.

New Market/BrokerContact.vue: a Contact broker popover with email capture
(client-side only for now) and a co-branded "Canon" preview, toggled via a
floating control that appears beneath the dialog while open. New
Market/BrokerLogo.vue inlines the broker wordmark.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Move the broker name and logo SVG out of BrokerLogo.vue into
runtimeConfig.public.broker (default "Canon"), overridable per deployment via
NUXT_PUBLIC_BROKER_NAME / NUXT_PUBLIC_BROKER_LOGO. BrokerLogo.vue now renders
the configured SVG and BrokerContact.vue reads the name from config. Documented
both env vars in .env.example.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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