Skip to content

fix(dapp): tidy only the text in the swap and step cards - #161

Open
0xDeon wants to merge 2 commits into
mainfrom
feat/chain-card-look
Open

0xDeon wants to merge 2 commits into
mainfrom
feat/chain-card-look

Conversation

@0xDeon

@0xDeon 0xDeon commented Nov 6, 2026 •

Copy link
Copy Markdown
Contributor

What

Only the text inside the two boxes changes. The layout, borders, buttons and everything else stay as they are on prod.

  • Step list:
    • A finished step is shown in a quieter colour, and only the step in progress is emphasised.
    • The lines are spaced a little further apart.
  • Swap card:
    • The summary is larger and is the card's title.
    • For swaps, the second line ("You pay … and receive about …") is gone, since the summary already gives both amounts. Other kinds of action keep it.
    • The risk notes sit in a soft panel with quieter bullets.
    • "Sent" has a check mark, with the transaction link on the right.

The diff against main touches two files: chain-action-confirm.tsx and chain-sequence-steps.tsx.

Checks

tsc, eslint and prettier are clean. Checked by eye in dark and light themes, on desktop and mobile.

The swap card now leads with the venue's logo and a status, shows the
amounts with token icons in a panel, the rate as a row, and folds the
risks away once sent. The step list becomes the payout card's progress
bars. A chain's own coin is drawn with the chain's mark.
@netlify

netlify Bot commented Nov 6, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for useintentadapp ready!

Name Link
🔨 Latest commit b671895
🔍 Latest deploy log https://app.netlify.com/projects/useintentadapp/deploys/6aee240a1b510d915ad16f8c
😎 Deploy Preview https://deploy-preview-161--useintentadapp.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Nov 6, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for useintent ready!

Name Link
🔨 Latest commit b671895
🔍 Latest deploy log https://app.netlify.com/projects/useintent/deploys/6aee240a6c5118214b9739a7
😎 Deploy Preview https://deploy-preview-161--useintent.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Undoes the card redesign. The cards keep their layout; only the text inside
them changes: a done step reads quieter, a swap's repeated amount line goes,
the risks sit in a soft block, and "Sent" gets a check with the link to the right.
@0xDeon 0xDeon changed the title feat(dapp): give the swap and step cards the payout card's look fix(dapp): tidy only the text in the swap and step cards Nov 6, 2026
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