From 49885afa41744a113cc7afe64e5b020d711aefdc Mon Sep 17 00:00:00 2001
From: Icsy <222049188+Icsylab@users.noreply.github.com>
Date: Tue, 9 Jun 2026 09:09:58 +0530
Subject: [PATCH] feat: add page titles to each route

---
 frontend/src/pages/Home.jsx       | 4 ++++
 frontend/src/pages/Login.jsx      | 4 ++++
 frontend/src/pages/PostIntent.jsx | 6 +++++-
 frontend/src/pages/PostRide.jsx   | 6 +++++-
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
index 59c7f1e..b08d545 100644
--- a/frontend/src/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -313,6 +313,10 @@ function IntentSection({
 export default function Home() {
   const queryClient = useQueryClient();
 
+  useEffect(() => {
+    document.title = 'Splitt';
+  }, []);
+
   const [cancelTarget, setCancelTarget] = useState(null);
   const [activeMatchId, setActiveMatchId] = useState(null);
   const [confirmError, setConfirmError] = useState('');
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 627978d..88c5289 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -10,6 +10,10 @@ export default function Login() {
   const queryClient = useQueryClient();
   const [googleError, setGoogleError] = useState('');
 
+  useEffect(() => {
+    document.title = 'Sign in · Splitt';
+  }, []);
+
   const { data: user, isLoading } = useQuery({
     queryKey: ['me'],
     queryFn: me,
diff --git a/frontend/src/pages/PostIntent.jsx b/frontend/src/pages/PostIntent.jsx
index 0b51ac1..1a84a0a 100644
--- a/frontend/src/pages/PostIntent.jsx
+++ b/frontend/src/pages/PostIntent.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useRequireAuth } from '../features/auth/hooks';
 import { useCreateIntent } from '../features/intents/hooks';
@@ -20,6 +20,10 @@ export default function PostIntent() {
   const { isLoading: authLoading } = useRequireAuth();
   const { mutateAsync, isPending } = useCreateIntent();
 
+  useEffect(() => {
+    document.title = 'Post an intent · Splitt';
+  }, []);
+
   if (authLoading) return <div className="p-8 text-gray-500">Loading...</div>;
 
   const [direction, setDirection] = useState('FROM_CAMPUS');
diff --git a/frontend/src/pages/PostRide.jsx b/frontend/src/pages/PostRide.jsx
index 7e868b5..898499c 100644
--- a/frontend/src/pages/PostRide.jsx
+++ b/frontend/src/pages/PostRide.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useRequireAuth } from '../features/auth/hooks';
 import { useCreateRide } from '../features/rides/hooks';
@@ -20,6 +20,10 @@ export default function PostRide() {
   const { isLoading: authLoading } = useRequireAuth();
   const { mutateAsync, isPending } = useCreateRide();
 
+  useEffect(() => {
+    document.title = 'Post a ride · Splitt';
+  }, []);
+
   if (authLoading) return <div className="p-8 text-gray-500">Loading...</div>;
 
   const [direction, setDirection] = useState('FROM_CAMPUS');