Skip to content

fix(add-expense): UI/UX improvements for Add screen — closes #5#27

Open
ChFardeelAzhar wants to merge 1 commit into
furqanullah717:masterfrom
ChFardeelAzhar:feature/uiux-enhancement-issue-5
Open

fix(add-expense): UI/UX improvements for Add screen — closes #5#27
ChFardeelAzhar wants to merge 1 commit into
furqanullah717:masterfrom
ChFardeelAzhar:feature/uiux-enhancement-issue-5

Conversation

@ChFardeelAzhar
Copy link
Copy Markdown

@ChFardeelAzhar ChFardeelAzhar commented Mar 31, 2026

Summary

Resolves #5 — UI/UX Enhancement: Add Screen Design Update

Visual Changes

Before After
[image image

Changes Made

UI/UX (visible):

  • Button color updated to match app teal theme
  • Input field borders now use teal on focus instead of black
  • Field labels changed to sentence case (Material3 guideline)
  • Improved spacing between form fields

Bug fixes (same PR — found during UI work):

  • Fixed date defaulting to Jan 01, 1970 — was initialized as 0L, now null
  • Fixed Cancel button in DatePicker incorrectly saving date instead of dismissing
  • Added amount validation — empty/zero amount no longer saves silently
  • Fixed dropdown not closing on outside tap (onDismissRequest was empty lambda)
  • Replaced hardcoded Color.Black with MaterialTheme.colorScheme tokens for dark mode support

Testing

  • Add expense flow works end to end
  • Date picker cancel dismisses correctly
  • Empty amount shows error message
  • Tested in both light and dark mode

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.

UI/UX Enhancement: Add Screen Design Update

1 participant