Skip to content

feat: home screen redesign with vertical pager#793

Draft
jvsena42 wants to merge 79 commits intomasterfrom
feat/home-redesign
Draft

feat: home screen redesign with vertical pager#793
jvsena42 wants to merge 79 commits intomasterfrom
feat/home-redesign

Conversation

@jvsena42
Copy link
Member

@jvsena42 jvsena42 commented Feb 18, 2026

FIGMA

Description

This PR:

  1. Redesigns the home screen from a single continuous scroll into a two-page vertical pager layout (Page 0: wallet + activity, Page 1: widgets + suggestions)
  2. Converts the suggestions section from a horizontal list into a 2-column grid with dismiss animations
  3. Simplifies ActivityListSimple by removing the empty state row
  4. Adds a "Bitkit Suggestions" entry to the Add Widgets screen with a preview screen
  5. Adds a widgets onboarding hint on the wallet page to guide users to swipe down
  6. Pixel-perfect alignment with Figma (spacing, padding, typography, icon sizing)
  7. Default widgets configuration for new installs
  8. Balance section displayed on empty wallet state
  9. Widget edit mode preserves widget order
  10. Various UI polish (banner padding/icons, divider colors, letter spacing, font weights)

Preview

Screen recording

Screen_recording_20260305_094625.webm

Android vs Figma comparison

State Android Figma
Empty wallet (onboarding)
With balance
Widgets & suggestions

QA Notes

1. Vertical Pager

  • Open the app and navigate to the home screen
  • Swipe down to see the widgets page (Page 1)
  • Swipe up to return to the wallet page (Page 0)
  • Verify pull-to-refresh only works on the wallet page

2. Widgets Onboarding Hint

  • On a fresh install or after clearing settings, verify a swipe hint appears below the activity list
  • Swipe to the widgets page and verify the hint disappears
  • Verify the hint does not reappear after dismissal

3. Suggestions Grid

  • On the widgets page, verify suggestions display as a 2-column grid (max 4 items)
  • Dismiss a suggestion card and verify the animation is smooth (fade + reposition)
  • Verify remaining cards rearrange properly after dismissal

4. Add Widgets - Suggestions Entry

  • Navigate to Settings > Widgets > Add Widget
  • Verify "Bitkit Suggestions" appears at the top of the list
  • Tap it and verify the preview screen shows correctly with sample cards and an "Add Widget" button

5. Responsive Activity Count

  • On smaller screens, verify fewer activity items are shown
  • On larger screens, verify more activity items are shown

6. Shop Discover

  • Navigate to Shop > Discover
  • Verify the suggestion cards display correctly (no layout regressions from the card sizing change)

@jvsena42 jvsena42 self-assigned this Feb 18, 2026
@jvsena42 jvsena42 requested a review from pwltr March 5, 2026 12:48
Copy link

@claude claude bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code review

Found 5 issues: 2 bugs and 3 CLAUDE.md violations. See inline comments below.

@jvsena42
Copy link
Member Author

jvsena42 commented Mar 5, 2026

@piotr-iohk this will need some updates on E2E

@piotr-iohk

This comment was marked as resolved.

@pwltr
Copy link
Contributor

pwltr commented Mar 5, 2026

Tested briefly on device, couple findings:

Default widgets

  • current: suggestions, price, blocks, news
  • expected: suggestions, price, blocks

It is kind of strange how it loads in the widgets on a new wallet. At first there are only the suggestions, then it loads the price widget, but the rest only appears after I pull to refresh.

WidgetList

There is additional UI for when widgets have been disabled in settings

image

Suggestions widget

Bad line break in "Bitkit Suggestions"

Screenshot_1772724446

Home screen pager

On a real device the pager is a bit too rigid, have to flick kind of hard for it to scroll to widgets. Also found a weird bug if you go to SpendingWalletScreen with empty state and scroll down (even if there is no scroll container there) it scrolls on the home page so that when you go back it's stuck in between wallet and widgets page.

Screenshot_20260305-163436

@pwltr

This comment was marked as resolved.

@jvsena42 jvsena42 marked this pull request as draft March 5, 2026 15:58
import to.bitkit.models.WidgetType
import to.bitkit.ui.components.FillHeight
import to.bitkit.ui.components.PrimaryButton
import to.bitkit.ui.components.VerticalSpacer

Check warning

Code scanning / detekt

Detects unused imports Warning

Unused import
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.

3 participants