Skip to content

feat(frontend): add landlord payout preferences and inspector onboarding flow#1025

Merged
pope-h merged 1 commit into
Shelterflex:mainfrom
rohan911438:feat/payouts-and-inspector-onboarding
May 30, 2026
Merged

feat(frontend): add landlord payout preferences and inspector onboarding flow#1025
pope-h merged 1 commit into
Shelterflex:mainfrom
rohan911438:feat/payouts-and-inspector-onboarding

Conversation

@rohan911438
Copy link
Copy Markdown
Contributor

@rohan911438 rohan911438 commented May 30, 2026

Overview

This PR introduces several major frontend improvements across onboarding, tenant applications, landlord payout management, and platform security.

Included Issues


#995 — CSP Font Loading Fix

Changes

  • Audited font loading configuration across the frontend
  • Migrated external font usage to Next.js font optimization where applicable
  • Updated Content Security Policy configuration to allow required font assets
  • Removed font-related CSP violations from browser console

Outcome

  • Brand fonts render correctly across the application
  • No font-src CSP violations
  • CSP remains least-privilege with no wildcard allowances

#1000 — Tenant Application Submission Flow

Features

  • Property application page at /properties/[id]/apply
  • Preferred move-in date selection
  • Payment plan selection (3, 6, 12 months, and outright)
  • Dynamic monthly payment calculations
  • Cover note with live character counter
  • Employment status and income range collection
  • Application acknowledgement confirmation

KYC Protection

  • Application submission blocked when tenant KYC is incomplete
  • Reusable ApplicationPreflightCheck component added

Submission Flow

  • Mock application API integration
  • Loading state during submission
  • Success state with generated application reference
  • Error handling for duplicate and invalid applications

Outcome

Provides a complete tenant-facing application experience aligned with Shelterflex financing workflows.


#1003 — Property Inspector Onboarding

Multi-Step Wizard

  1. Personal Information
  2. KYC Documents
  3. Service Areas
  4. Bank Details
  5. Review & Submit

Features

  • Step persistence across navigation
  • Upload previews for supported document types
  • Searchable service-area picker
  • Bank account verification integration
  • Review screen with edit links
  • Inline validation across all steps

Outcome

Enables inspectors to complete onboarding before claiming inspection jobs.


#1004 — Landlord Payout Preferences

NGN Bank Accounts

  • Nigerian bank selection
  • Account verification workflow
  • Auto-populated account name
  • Verified account display card
  • Account change confirmation modal

USDC / Stellar Payouts

  • Stellar wallet address support
  • WalletContext integration
  • Client-side validation for Stellar public keys
  • Admin approval warning for payout-address changes

Payout Scheduling

  • Deal activation
  • Weekly
  • Monthly

Outcome

Provides landlords with a complete payout management experience.


Components Added

Tenant

  • ApplicationPreflightCheck
  • PaymentPlanSelector

Inspector

  • OnboardingStepIndicator
  • ServiceAreaPicker

Landlord

  • BankAccountCard
  • PayoutScheduleSelector

Validation

Frontend

  • Mobile responsive layouts
  • Accessibility considerations applied
  • Form validation implemented
  • Mock API integrations verified

Security

  • CSP violations resolved
  • Client-side Stellar address validation added

Build Checks

cd frontend
npm run lint
npm run build

Result

This PR delivers four major user-facing workflows that improve onboarding, financing applications, payout management, and frontend security while maintaining compatibility with the existing Shelterflex architecture.

- Added payout preferences management
- Added bank account verification flow
- Added Stellar payout address support
- Implemented multi-step inspector onboarding wizard
- Added KYC uploads and service area selection
- Added state persistence and validation
Copilot AI review requested due to automatic review settings May 30, 2026 13:26
@vercel
Copy link
Copy Markdown

vercel Bot commented May 30, 2026

@rohan911438 is attempting to deploy a commit to the pope-h's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented May 30, 2026

@rohan911438 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@pope-h pope-h merged commit 2633bc6 into Shelterflex:main May 30, 2026
3 of 4 checks passed
@rohan911438 rohan911438 review requested due to automatic review settings May 30, 2026 13:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants