Skip to content

feat: add full trust-scored property detail view, dynamic metadata SE…#1032

Merged
pope-h merged 1 commit into
Shelterflex:mainfrom
sweetesty:feature/trust-scored-property-view
May 30, 2026
Merged

feat: add full trust-scored property detail view, dynamic metadata SE…#1032
pope-h merged 1 commit into
Shelterflex:mainfrom
sweetesty:feature/trust-scored-property-view

Conversation

@sweetesty
Copy link
Copy Markdown

Closes #955


This PR builds the full property listing detail page with trust signals, inspection report, pricing breakdown, and a tenant application CTA.

What was done:

frontend/app/properties/[id]/page.tsx

  • Full detail page built with all seven required sections
  • Correct <title> and <meta name="description"> tags generated from listing data for SEO
  • Page handles missing optional fields gracefully: no video preview section rendered if video is absent; inspection report accordion hidden if inspectionReport is absent
  • Mock data interface: { listing, trustScore, inspectionReport?, landlordProfile, pricingTiers }

Seven sections implemented:

  1. Photo gallery — touch-swipable carousel with all listing images; video preview tile shown only when available
  2. Core details — address, property type, bedrooms/bathrooms, size, available-from date
  3. Pricing section — integrates PropertyPriceBreakdown component; installment plans for 3, 6, and 12 months with calculated monthly payment amounts
  4. Trust indicators barTrustIndicatorBar.tsx with three badge states: green checkmark (verified), grey (pending), red (flagged) for KYC landlord, inspection pass, and whistleblower-cleared
  5. Inspection report accordionInspectionReportAccordion.tsx collapsed by default; expandable to show overall grade, per-room condition, inspector name, date, and uploaded photos
  6. Landlord profile snippetLandlordSnippet.tsx showing KYC-verified name, listed-since date, and response rate
  7. Apply / Express Interest CTA — active for logged-in tenants; disabled with login prompt shown for unauthenticated users

New components

  • components/properties/TrustIndicatorBar.tsx
  • components/properties/InspectionReportAccordion.tsx
  • components/properties/LandlordSnippet.tsx

Acceptance criteria met:

  • ✅ All seven sections render with mock data
  • ✅ Photo carousel is touch-swipable on mobile
  • ✅ Trust badges visually distinct: green / grey / red per verification state
  • ✅ Inspection report accordion collapsed by default, expandable on click
  • ✅ Apply CTA disabled for unauthenticated users with login prompt
  • ✅ Correct <title> and <meta> tags for SEO
  • ✅ Page loads correctly when optional fields (video, inspection report) are absent

@vercel
Copy link
Copy Markdown

vercel Bot commented May 30, 2026

Someone 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

@sweetesty 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 84f01a5 into Shelterflex:main May 30, 2026
3 of 4 checks 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.

Property Listing Detail Page — Full Trust-Scored View

2 participants