From 767e2229f85c30d475e8cfe57d42d0b56da334f4 Mon Sep 17 00:00:00 2001
From: Palak <Palakgoyal0304@gmail.com>
Date: Sat, 29 Jul 2023 21:41:43 +0530
Subject: [PATCH] Fix name highlight on notification page

---
 src/components/Notification/index.jsx | 11 +++++++----
 src/pages/Profile/index.jsx           |  3 ++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Notification/index.jsx b/src/components/Notification/index.jsx
index 94782b282..1a5e31534 100644
--- a/src/components/Notification/index.jsx
+++ b/src/components/Notification/index.jsx
@@ -71,11 +71,14 @@ function Notifications() {
                       <FaUserCircle style={{ width: "80px", height: "80px" }} />
 
                       <p className="notif-message">
-                        {notification.message}
-                        <Link className="friend-request-sender-name">
+                        {notification.message} from{" "}
+                        <Link 
+                          className="friend-request-sender-name" 
+                          to={`/dummygram/user/${notification.username? notification.username : ""}`}
+                        >
                           {notification.senderName
-                            ? ` from ${notification.senderName}.`
-                            : ""}
+                            ? notification.senderName
+                            : ""}.
                         </Link>
                         <div style={{ marginTop: "10px" }}>
                           <button className="accept-btn notif-btn">
diff --git a/src/pages/Profile/index.jsx b/src/pages/Profile/index.jsx
index c138fc0ef..edac60135 100644
--- a/src/pages/Profile/index.jsx
+++ b/src/pages/Profile/index.jsx
@@ -183,7 +183,8 @@ function Profile() {
             recipient: targetUserUid,
             sender: currentUserUid,
             message: "You have received a friend request",
-            senderName: auth?.currentUser?.displayName,
+            senderName: name,
+            username: username,
             timestamp: firebase.firestore.FieldValue.serverTimestamp(),
           };
           db.collection("users")