feat(jsclient): add swipe gestures and improve mobile view #2

Merged

fcxs merged 6 commits from 2602/feat-jsclient-mobile-swipe-gestures into master 2026-02-23 16:50:56 +00:00

Conversation 0 Commits 6 Files changed 6 +1898 -1539

fcxs commented 2026-02-23 16:18:28 +00:00

Owner

Copy link

Unify breakpoint naming (splitedMode/isMobile → isMobileView) across
Article, Cluster, and ClusterList components.

Replace read/liked checkboxes with touch swipe gestures on mobile:

• Swipe left to mark as read (with slide-out dismiss animation)
• Swipe right to toggle liked (background icon reflects current state)
• Custom useSwipeGesture hook with direction lock and 80px threshold

Restyle mobile cluster list for clearer visual hierarchy:

• Folded items: flat continuous list with gray dividers, no individual shadow
• Expanded items: elevated with shadow and spacing
• Whole list wrapped in Paper for collective shadow

Unify breakpoint naming (splitedMode/isMobile → isMobileView) across Article, Cluster, and ClusterList components. Replace read/liked checkboxes with touch swipe gestures on mobile: - Swipe left to mark as read (with slide-out dismiss animation) - Swipe right to toggle liked (background icon reflects current state) - Custom useSwipeGesture hook with direction lock and 80px threshold Restyle mobile cluster list for clearer visual hierarchy: - Folded items: flat continuous list with gray dividers, no individual shadow - Expanded items: elevated with shadow and spacing - Whole list wrapped in Paper for collective shadow

fcxs added 5 commits 2026-02-23 16:18:28 +00:00

feat(jsclient): replace mobile checkboxes with swipe gestures ... 2b7735aca6

- Unify breakpoint naming: splitedMode/isMobile → isMobileView
- Hide read/liked checkboxes on mobile view
- Add useSwipeGesture hook (direction lock, 80px threshold)
- Swipe left: mark as read (dismiss with slide-out animation)
- Swipe right: toggle liked
- Rename mainSplitted → mainDesktop in styles

feat(jsclient): show liked status on swipe background icon ... f62cef194b

Use filled star for liked clusters and empty star for unliked
in the swipe-right background indicator.

style(jsclient): fix mobile cluster list visual separation ... ab811f2f7b

- Wrap cluster list in Paper for collective shadow
- Folded items: no individual shadow, gray divider lines, square corners
- Expanded items: elevation 8, rounded corners, vertical margin
- Swipe container only clips overflow during active swipe

fix(jsclient): only wrap cluster list in Paper when loaded f14787133a

fix(jsclient): resolve eslint warnings in Cluster component ... 7111ad513e

- Use ref for dismiss callback to avoid stale deps
- Wrap navigateBack in useCallback and move before effect

fcxs added 1 commit 2026-02-23 16:35:14 +00:00

fix(jsclient): restore desktop cluster elevation and styling ... 9bfe7fe0a7

Scope flat-list styles (no shadow, square corners, dividers)
to mobile view only. Desktop keeps original elevation.

fcxs merged commit d6cfd56c9f into master 2026-02-23 16:50:56 +00:00

fcxs deleted branch 2602/feat-jsclient-mobile-swipe-gestures 2026-02-23 16:50:56 +00:00

fcxs referenced this pull request from a commit 2026-02-23 16:50:57 +00:00

feat(jsclient): add swipe gestures and improve mobile view (#2)

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

fcxs/JARR!2

No description provided.