New onboarding/notifications popup item buttons - Githubissues

getAlby / lightning-browser-extension

The Bitcoin Lightning Browser Extension that brings deep Lightning & Nostr integration to the web. Wallet interface to multiple lightning nodes and key signer for Nostr, Liquid and onchain use.

https://getalby.com/#extension

MIT License

536 stars 193 forks source link

New onboarding/notifications popup item buttons #2922

Closed stackingsaunter closed 8 months ago

stackingsaunter commented 10 months ago

Part of #2917 epic

Component used in the current "Receive" screens, after some updates will be reused instead of current "onboarding cards".

See Figma file for detailed design inspect

Styling

CleanShot 2024-01-12 at 11 16 37@2x

CleanShot 2023-12-13 at 02 20 26@2x

To do

[x] corner radius to rounded-xl (12px)
[ ] use Popicons icons and update "Receive" icons too https://github.com/getAlby/lightning-browser-extension/issues/2920#issue-2036660877 (excep Chevrons, as there's no one in Popicons atm)
[ ] copy colors
[ ] chevron color change to gray400 / dark: neutral500
[ ] spacing between cards sm (8px)
[ ] make sure Receive screen uses the same component

Behaviour

Whenever connected wallet has no transactions, 4 cards should be visible (3 + 1 after scroll) (We can skip "Buy bitcoin" card for now since onramps are turned off for the moment)

CleanShot 2023-12-13 at 02 41 20@2x

When transaction list is loaded, then: a) If user with this connected wallet went through Master Key backup or import flow, we don't show any cards b) If user hasn't finished either import or backup flow, we always show "backup" and "import" cards

MayaSatishRao commented 9 months ago

@stackingsaunter i want to contribute to this issue? Can i work on this?