Updated Profile page

Author: Prateekiiitg56

backend/.gitignore

@@ -20,3 +20,6 @@ lerna-debug.log*
 # OS generated files
 .DS_Store
 Thumbs.db
+
+
+config/serviceAccountKey.json

backend/config/firebaseAdmin.ts

@@ -0,0 +1,34 @@
+import * as admin from 'firebase-admin';
+import dotenv from 'dotenv';
+import path from 'path'; // Import path module
+
+dotenv.config(); // Load environment variables
+
+const serviceAccountPath = process.env.FIREBASE_SERVICE_ACCOUNT_KEY_PATH;
+
+if (!serviceAccountPath) {
+    console.error(' FATAL ERROR: FIREBASE_SERVICE_ACCOUNT_KEY_PATH is not defined in .env file');
+    process.exit(1);
+}
+
+// Construct the absolute path from the project's root directory (where package.json is)
+const absolutePath = path.resolve(process.cwd(), serviceAccountPath);
+
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const serviceAccount = require(absolutePath); // Use the absolute path
+
+    admin.initializeApp({
+        credential: admin.credential.cert(serviceAccount)
+    });
+
+    console.log(' Firebase Admin SDK Initialized Successfully');
+
+} catch (error: any) {
+    console.error('Firebase Admin SDK Initialization Error:', error.message);
+    console.error(`Attempted to load key from: ${absolutePath}`);
+    console.error('Ensure the path in .env is correct (relative to project root) and the JSON file exists.');
+    process.exit(1);
+}
+
+export default admin;

backend/src/middleware/authMiddleware.ts

@@ -0,0 +1,53 @@
+import { Request, Response, NextFunction } from 'express';
+import admin from '../config/firebaseAdmin'; // Import initialized admin SDK
+
+// Extend the Express Request type to include our 'user' property
+declare global {
+    // eslint-disable-next-line @typescript-eslint/no-namespace
+    namespace Express {
+        interface Request {
+            // The 'user' property will hold the decoded Firebase token
+            user?: admin.auth.DecodedIdToken;
+        }
+    }
+}
+
+/**
+ * Middleware to protect routes.
+ * Verifies the Firebase ID token from the Authorization header.
+ * If valid, attaches the decoded token (including user UID) to req.user.
+ * If invalid, sends a 401 Unauthorized response.
+ */
+export const protect = async (req: Request, res: Response, next: NextFunction): Promise<void> => {
+    let token: string | undefined;
+
+    // 1. Check for Authorization header and ensure it starts with "Bearer "
+    if (req.headers.authorization && req.headers.authorization.startsWith('Bearer ')) {
+        try {
+            // 2. Extract the token (the part *after* "Bearer ")
+            token = req.headers.authorization.split(' ')[1];
+
+            if (!token) {
+                res.status(401).json({ message: 'Not authorized, token format is invalid' });
+                return;
+            }
+
+            // 3. Verify the token using the Firebase Admin SDK
+            const decodedToken = await admin.auth().verifyIdToken(token);
+
+            // 4. Token is valid! Attach the decoded user info to the request object
+            req.user = decodedToken;
+
+            // 5. Pass control to the next function (the actual route handler)
+            next();
+
+        } catch (error) {
+            // Token is invalid (expired, wrong signature, etc.)
+            console.error('Token verification failed:', error);
+            res.status(401).json({ message: 'Not authorized, token verification failed' });
+        }
+    } else {
+        // No Authorization header found
+        res.status(401).json({ message: 'Not authorized, no token provided' });
+    }
+};

backend/src/server.ts

@@ -2,14 +2,15 @@ import express, { Express, Request, Response } from 'express';
 import cors from 'cors';
 import dotenv from 'dotenv';
 import connectDB from './db';
+import '../config/firebaseAdmin'; // <-- CORRECTED PATH HERE
 // --- Import Routes ---
 import profileRoutes from './routes/profile';
 import tripRoutes from './routes/trips';
 import userRoutes from './routes/users';
 // -------------------
 
 dotenv.config();
-connectDB();
+connectDB(); // Connect to DB
 
 const app: Express = express();
 const port = process.env.PORT || 5001;
@@ -30,6 +31,6 @@ app.use('/api/users', userRoutes);
 // ------------------
 
 app.listen(port, () => {
-  console.log(`🚀 Backend server listening on http://localhost:${port}`);
+  console.log(` Backend server listening on http://localhost:${port}`);
 });
 

frontend/src/components/UserNav.tsx

@@ -1,4 +1,4 @@
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { Button } from './ui/button'; // Standard button
 import { auth } from '../firebase'; // Go UP one level from components to src
 import { signOut } from 'firebase/auth';

frontend/src/pages/Profile.tsx

@@ -12,7 +12,7 @@ import { useAuth } from '../AuthContext';
 // --- End Corrected Paths ---
 import { signOut, updateProfile } from 'firebase/auth';
 import { motion } from 'framer-motion';
-import { Car, Loader2, Edit, X, ArrowUp, ArrowDown, Filter, Trash2, AlertTriangle, ArrowUpDown } from 'lucide-react';
+import { Car, Loader2, Edit, X, ArrowUp, ArrowDown,Trash2, AlertTriangle, ArrowUpDown } from 'lucide-react';
 import { Link, useNavigate } from 'react-router-dom';
 import { format, isValid } from 'date-fns'; // Make sure date-fns is installed: pnpm add date-fns