Skip to content

feat: revamp UI with desktop rail, settings split, and settle-up flow#32

Open
pkmaster21 wants to merge 1 commit into
mainfrom
revamp-tabby-ui
Open

feat: revamp UI with desktop rail, settings split, and settle-up flow#32
pkmaster21 wants to merge 1 commit into
mainfrom
revamp-tabby-ui

Conversation

@pkmaster21
Copy link
Copy Markdown
Owner

The dashboard and settings experience has been substantially reworked to better fit the Tabby design system and to support a wider set of actions.

Desktop navigation rail (DesktopRail.tsx)
A persistent left rail appears on lg screens, showing the user's group list and avatar. Mobile layout is unchanged.

Settings split into sub-pages
The single SettingsPage is replaced by two focused pages under new routes:

  • /groups/:id/settings/group (GroupSettingsPage.tsx) — group name, invite link, danger zone (leave / delete group)
  • /groups/:id/settings/account (AccountPage.tsx) — user profile and sign-out

Dashboard overhaul (DashboardPage.tsx)
Visual and structural refresh aligned to DESIGN.md: stone neutrals, orange-500 accents, pill tabs, white-on-cream card elevation, and a redesigned expense list and balance section.

Settle-up flow

  • New API route POST /api/v1/groups/:id/settle (settle.ts) records a payment between two members by inserting a 💸 Settlement expense into the ledger. This keeps balance math consistent — no separate settlement table needed.
  • api.ts wired up with settleSettlement, leaveGroup, and deleteGroup helpers.

New API endpoints

  • DELETE /api/v1/groups/:id — owner-only hard delete (CASCADE cleans up all child rows)
  • POST /api/v1/groups/:id/leave — non-owner members soft-delete themselves (leftAt timestamp); owner gets a 403 directing them to delete the group instead

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented May 10, 2026

Deploying tabby with  Cloudflare Pages  Cloudflare Pages

Latest commit: dcb541f
Status: ✅  Deploy successful!
Preview URL: https://a51a3f20.tabby.pages.dev
Branch Preview URL: https://revamp-tabby-ui.tabby.pages.dev

View logs

Introduce a left navigation rail for desktop, split the settings page
into separate group and account sub-pages, add a settle-up action that
records payments in the ledger as exact-split expenses, and add leave/
delete group endpoints with corresponding UI.
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