Skip to content

PHEE-380: add Login page and Settings page with accordion sections - #8

Merged
DavidH-1 merged 2 commits into
openMF:devfrom
Flashl3opard:feat/login-page
Jul 10, 2026
Merged

DavidH-1 merged 2 commits into
openMF:devfrom
Flashl3opard:feat/login-page

Conversation

@Flashl3opard

@Flashl3opard Flashl3opard commented Jul 10, 2026

Copy link
Copy Markdown
Member

Related

Epic: PHEE-363
Closes: PHEE-380

Summary

Adds the Login page and Settings page to complete the core UI modules.

Changes

Login Page

  • Full screen blue background with centered white card
  • Payment Hub EE logo, title and subtitle
  • Username input with User icon
  • Password input with show/hide toggle
  • Tenant dropdown (greenbank, bluebank, redbank)
  • Remember me checkbox
  • Sign In button navigates to / (Keycloak integration coming in next PR)
  • "Powered by Mifos Initiative" footer

Settings Page

  • 4 collapsible ShadCN Accordion sections:
    • Main Configuration (Backend URL, Bulk Connector URL, Default Tenant)
    • Images (Logo + Favicon upload with drag-drop zone)
    • Theme and Font (Primary Color, Font Family, Dark Mode toggle)
    • Contact Information (Support Email, Help Desk URL, Organization Name)
  • Save buttons show success toast on click

Screenshots

  • Login page
image
  • Settings page
image

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

This PR introduces the actual implementations for the Login and Settings pages (moving them into src/modules/...), and wires the src/pages/... routes to re-export those module components. It also adds new Radix-based UI primitives (Accordion, Checkbox, Switch) used by these pages.

Changes:

  • Replace placeholder LoginPage and Settings pages with module-backed implementations.
  • Add a new Settings UI with multiple accordion sections and “saved” feedback banners.
  • Add Accordion, Checkbox, and Switch UI components to support the new screens.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
src/pages/Settings.tsx Switches the route page to re-export the new module Settings implementation.
src/pages/LoginPage.tsx Switches the route page to re-export the new module Login implementation.
src/modules/settings/Settings.tsx Implements the Settings screen with accordion sections, inputs, and save feedback.
src/modules/auth/Login.tsx Implements the Login screen UI and temporary navigation logic.
src/components/ui/switch.tsx Adds a Switch UI primitive used for Dark Mode toggle.
src/components/ui/checkbox.tsx Adds a Checkbox UI primitive used for Remember Me.
src/components/ui/accordion.tsx Adds an Accordion UI primitive used to structure Settings sections.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/modules/auth/Login.tsx
Comment thread src/modules/auth/Login.tsx Outdated
Comment thread src/modules/settings/Settings.tsx
Comment thread src/modules/settings/Settings.tsx Outdated

@DavidH-1 DavidH-1 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Approved

@DavidH-1
DavidH-1 merged commit bcfcdcb into openMF:dev Jul 10, 2026
1 check passed
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