Fix: Terms of Service link not redirecting on Become a Host page #158

SujalTripathi · 2026-01-23T10:09:18Z

🎯 Overview

Fixes #156 - Resolves non-functional Terms of Service and Host Policies links on the Become a Host page while significantly enhancing the host onboarding experience with comprehensive policy documentation and mandatory terms acceptance.

Problem Statement

On the /host/become-a-host page:

❌ "Terms of Service" link used href="#" with no navigation
❌ "Host Policies" link was non-functional
❌ No dedicated Host Policies documentation existed
❌ Users could publish listings without accepting terms
❌ Missing legal compliance and transparency requirements

✨ Solution Implemented

This PR transforms a simple link fix into a comprehensive host onboarding enhancement:

Created Dedicated Host Policies Page

New File: frontend/src/pages/HostPolicies.jsx (550+ lines)

12 Comprehensive Policy Sections:
- Listing Standards & Quality Requirements
- Pricing Strategies & Service Fees (5% platform fee)
- Communication & Response Time Requirements
- Check-in/Check-out Procedures
- Property Maintenance & Safety Standards
- Cancellation Policy Options (Flexible, Moderate, Strict)
- Legal Compliance & Tax Obligations
- Prohibited Activities & Content
- Review System & Guest Feedback
- Host Support & Resources
- Policy Violations & Enforcement
- Appeals Process
Professional UI/UX Features:
- Quick overview cards with visual icons
- Color-coded alerts (⚠️ warnings, 💡 tips, 🔴 critical)
- Expandable sections with clear hierarchy
- Related resource navigation
- Prominent CTA to start hosting
- Mobile-responsive design

Enhanced BecomeHost Page with Terms Acceptance

Modified File: frontend/src/pages/BecomeHost.jsx

Added State Management:

const [termsAccepted, setTermsAccepted] = useState(false);

Final Step Features:

Mandatory terms acceptance checkbox
Disabled "Publish listing" button until accepted
Visual warning message when unchecked
Detailed acceptance language
Links open in new tabs

Enhanced Terms Page

Modified File: frontend/src/pages/Terms.jsx
Added prominent "Host Policies" card at top of related resources
Improved visual hierarchy with gradient styling
Added quick links to Safety Center and Help Center
Better organization of policy-related resources

@hitesh-kumar123 please review!

…st page - Changed non-functional anchor tags to React Router Link components - Updated href='#' to proper route to='/terms' - Ensures users can now access Terms of Service page from Become a Host page footer Resolves hitesh-kumar123#156

netlify · 2026-01-23T10:09:24Z

✅ Deploy Preview for smartrentsystem ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	`6a66c28`
🔍 Latest deploy log	https://app.netlify.com/projects/smartrentsystem/deploys/69735fa5d714a70007cfa26e
😎 Deploy Preview	https://deploy-preview-158--smartrentsystem.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot

Pull request overview

This PR resolves issue #156 by fixing non-functional Terms of Service and Host Policies links on the Become a Host page, while significantly enhancing the host onboarding experience with comprehensive policy documentation and mandatory terms acceptance.

Changes:

Created a new dedicated Host Policies page with 12 comprehensive policy sections covering listing standards, pricing, communication, legal compliance, and more
Enhanced BecomeHost page with mandatory terms acceptance checkbox that disables the "Publish listing" button until accepted
Updated Terms page to include prominent links to the new Host Policies and additional resources like Safety Center and Help Center
Added proper routing for the new /host-policies page

Reviewed changes

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

File	Description
frontend/src/App.js	Added route configuration for the new Host Policies page
frontend/src/pages/HostPolicies.jsx	Created comprehensive Host Policies page with 12 policy sections, related resources, and professional UI/UX
frontend/src/pages/BecomeHost.jsx	Added terms acceptance state, mandatory checkbox on final step, disabled publish button until terms accepted, and replaced non-functional `href="#"` links with proper React Router Links
frontend/src/pages/Terms.jsx	Added Host Policies card at top of related resources section and additional links to Safety Center and Help Center

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

Copilot · 2026-01-23T10:13:23Z

frontend/src/pages/HostPolicies.jsx

+              <h3 className="text-xl font-semibold text-neutral-700 mt-6 mb-3">Service Fees</h3>
+              <p className="mb-6">
+                Smart Rent System charges a service fee of 3% on each booking. This fee is automatically deducted from your payout and covers payment processing, customer support, and platform maintenance.
+              </p>


There is a discrepancy between the PR description and the implementation. The PR description states the platform fee is 5%, but the code specifies a 3% service fee. This inconsistency should be resolved by either updating the documentation to match the actual fee or correcting the fee amount.

Copilot · 2026-01-23T10:13:23Z

frontend/src/pages/BecomeHost.jsx

+                  </p>
+                </label>
+              </div>
+              {!termsAccepted && currentStep === totalSteps && (


The condition checking currentStep === totalSteps is redundant here since this entire block is already wrapped in a conditional that checks currentStep === totalSteps on line 1235. The inner condition can be simplified to just !termsAccepted.

…section Major enhancements to justify 'hard' label while staying in scope: 1. Interactive Table of Contents - Sticky sidebar with smooth scroll navigation - Active section highlighting as user scrolls - Quick jump to any section with one click - Mobile responsive design 2. Enhanced Host Responsibilities Section - Dedicated section (Section 5) specifically for hosts - Prominent 'For Hosts' badge for easy identification - Detailed host obligations and requirements - Visual alerts for important host information - Directly relevant to Become a Host page context 3. Improved UX Features - Smooth scroll behavior with scroll-mt-24 offset - URL hash support (#section-id) for deep linking - Active section tracking on scroll - Gradient header with icon - Last updated date prominently displayed 4. Visual Enhancements - Important notice callout box - Color-coded alert boxes (info, warning) - Host-specific CTA banner linking to Become a Host - Professional grid layout with sidebar - Improved typography and spacing 5. Accessibility Improvements - Semantic HTML with proper heading hierarchy - Keyboard navigable table of contents - ARIA-friendly scroll behavior - Clear visual indicators for interactive elements This comprehensive enhancement transforms the basic Terms page into an advanced, user-friendly resource that specifically addresses host concerns referenced from the Become a Host page. Resolves hitesh-kumar123#156

SujalTripathi · 2026-01-24T04:51:28Z

@hitesh-kumar123 please review

hitesh-kumar123 · 2026-01-24T18:57:23Z

add before after image

SujalTripathi · 2026-01-25T05:11:20Z

Before when clicking on the terms of service in the become host portal link in not redirect to terms of service which i corrected by making the changed in the routing on backend and
before terms of service looks like these static once :

Screen.Recording.2026-01-25.103245.mp4

Now i am not just solve the redirect link, i make the terms of service full intreactive and enhanced once with proper working on backend and frontend :

Screen.Recording.2026-01-25.104003.mp4

@hitesh-kumar123 please review and so sorry for not adding changes screenshot in the PR

SujalTripathi · 2026-01-25T15:08:36Z

@hitesh-kumar123 please review

SujalTripathi · 2026-01-27T06:07:53Z

@hitesh-kumar123 please reivew !!!!!

SujalTripathi · 2026-01-28T14:42:02Z

@hitesh-kumar123 please review

SujalTripathi · 2026-01-29T12:16:35Z

@hitesh-kumar123 where are you bro please see these

SujalTripathi · 2026-01-30T12:34:12Z

@hitesh-kumar123 please review these one

SujalTripathi · 2026-02-01T03:45:21Z

Hey @hitesh-kumar123 please review and asisgned me an open issue its almost so many days does but you didnt merge

SujalTripathi · 2026-02-06T05:17:02Z

@hitesh-kumar123 please review bhai

Copilot AI review requested due to automatic review settings January 23, 2026 10:09

Copilot started reviewing on behalf of SujalTripathi January 23, 2026 10:09 View session

Copilot AI reviewed Jan 23, 2026

View reviewed changes

SujalTripathi force-pushed the fix-terms-link-become-host branch from 3e1ca46 to 8de6dd5 Compare January 23, 2026 10:23

Fix JSX syntax error in Terms.jsx - balance all div tags

6a66c28

Fix: Terms of Service link not redirecting on Become a Host page #158

Are you sure you want to change the base?

Fix: Terms of Service link not redirecting on Become a Host page #158

Conversation

SujalTripathi commented Jan 23, 2026

🎯 Overview

Problem Statement

✨ Solution Implemented

Created Dedicated Host Policies Page

Enhanced BecomeHost Page with Terms Acceptance

Final Step Features:

Enhanced Terms Page

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for smartrentsystem ready!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

Uh oh!

SujalTripathi commented Jan 24, 2026

Uh oh!

hitesh-kumar123 commented Jan 24, 2026

Uh oh!

SujalTripathi commented Jan 25, 2026

Uh oh!

SujalTripathi commented Jan 25, 2026

Uh oh!

SujalTripathi commented Jan 27, 2026

Uh oh!

SujalTripathi commented Jan 28, 2026

Uh oh!

SujalTripathi commented Jan 29, 2026

Uh oh!

SujalTripathi commented Jan 30, 2026

Uh oh!

SujalTripathi commented Feb 1, 2026

Uh oh!

SujalTripathi commented Feb 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

netlify bot commented Jan 23, 2026 •

edited

Loading