Fix/chat timestamp

backend/.env.example

@@ -9,3 +9,5 @@ GOOGLE_CLIENT_ID=your_google_client_id
 VAPID_PUBLIC_KEY=your_vapid_public_key
 VAPID_PRIVATE_KEY=your_vapid_private_key
 VAPID_SUBJECT=mailto:your@email.com
+EMAIL=mailto:your@email.com
+EMAIL_PASSWORD=vzktivbgeaqcdczr

backend/package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "bcryptjs": "^3.0.3",
     "cloudinary": "^2.10.0",
+    "compression": "^1.8.1",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.6",
     "dotenv": "^17.4.2",

backend/src/controllers/user.controller.js

@@ -1,6 +1,8 @@
 import User from "../models/user.model.js";
 import { broadcastStatusMoodUpdate } from "../lib/socket.js";
 import { catchAsync } from "../lib/utils.js";
+import Message from "../models/message.model.js";
+import bcrypt from "bcryptjs"
 
 const ALLOWED_STATUS_MOODS = new Set([
     "coding",
@@ -42,3 +44,47 @@ export const updateStatusMood = catchAsync(async (req, res) => {
 
     res.status(200).json(user);
 });
+
+
+export const deleteProfile = catchAsync(async (req, res) => {
+    const userId = req.userId;
+    const { password } = req.body;
+
+    const user = await User.findById(userId);
+
+    if (!user) {
+        return res.status(404).json({
+            success: false,
+            message: "User not found",
+        });
+    }
+
+    const isMatch = await bcrypt.compare(password, user.password);
+
+    if (!isMatch) {
+        return res.status(400).json({
+            success: false,
+            message: "Incorrect Password",
+        });
+    }
+
+    // Delete user's messages
+    await Message.deleteMany({
+        $or: [
+            { senderId: userId },
+            { receiverId: userId },
+        ],
+    });
+
+    // Delete user
+    await User.findByIdAndDelete(userId);
+
+    // Logout
+    res.clearCookie("jwt");
+    res.clearCookie("XSRF-TOKEN");
+
+    return res.status(200).json({
+        success: true,
+        message: "Account deleted successfully",
+    });
+});

backend/src/routes/user.route.js

@@ -1,9 +1,10 @@
 import express from "express";
 import protectRoute from "../middleware/auth.middleware.js";
-import { updateStatusMood } from "../controllers/user.controller.js";
+import { deleteProfile, updateStatusMood } from "../controllers/user.controller.js";
 
 const router = express.Router();
 
 router.patch("/status-mood", protectRoute, updateStatusMood);
+router.delete("/delete-account", protectRoute, deleteProfile);
 
 export default router;

frontend/components/chat/MessageBubble.jsx

@@ -3,8 +3,37 @@ import Avatar from "./Avatar"
 import { useState } from "react"
 import ReplyPreview from "./ReplyPreview"
 
-const formatTime = (d) =>
-    new Date(d).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+const formatTime = (dateString) => {
+    const date = new Date(dateString);
+    const now = new Date();
+
+    const diffMs = now - date;
+    const diffMinutes = Math.floor(diffMs / (1000 * 60));
+    const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+
+    if (diffMinutes < 1) return "Just now";
+
+    if (diffMinutes < 60)
+        return `${diffMinutes} minute${diffMinutes > 1 ? "s" : ""} ago`;
+
+    if (diffHours < 24)
+        return `${diffHours} hour${diffHours > 1 ? "s" : ""} ago`;
+
+    if (diffDays === 1) return "Yesterday";
+
+    if (diffDays < 7) {
+        return date.toLocaleDateString([], {
+            weekday: "long",
+        });
+    }
+
+    return date.toLocaleDateString([], {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+};
 
 // Single message bubble with avatar, media, reactions, and read receipts
 export default function MessageBubble({ msg, isMine, showTime, selectedUser, isOnline, authUser, onContextMenu, onTouchStart, onTouchEnd, onReact }) {
@@ -33,10 +62,10 @@ export default function MessageBubble({ msg, isMine, showTime, selectedUser, isO
     return (
         <div key={msg._id} id={`msg-${msg._id}`}>
             {showTime && (
-                <p className="text-center text-xs text-base-content/30 my-3">
-                    {formatTime(msg.createdAt)}
-                </p>
-            )}
+    <p className="text-center text-xs text-base-content/30 my-3">
+        {formatTime(msg.createdAt)}
+    </p>
+)}
             <div className={`chat w-full ${isMine ? "chat-end" : "chat-start"}`}>
                 {!isMine && (
                     <div className="chat-image">