From 829f6fef74ec97909aa6ca82735d9a65a4acd3f9 Mon Sep 17 00:00:00 2001
From: Gourav Choudhary <gouravcc1@gmail.com>
Date: Tue, 24 Dec 2024 10:43:01 +0530
Subject: [PATCH] added user name link

---
 src/components/UserDetailPopup/UserDetailPopup.js         | 3 ++-
 src/components/UserDetailPopup/UserDetailPopup.module.css | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/UserDetailPopup/UserDetailPopup.js b/src/components/UserDetailPopup/UserDetailPopup.js
index c805abf..9c26f54 100644
--- a/src/components/UserDetailPopup/UserDetailPopup.js
+++ b/src/components/UserDetailPopup/UserDetailPopup.js
@@ -3,6 +3,7 @@ import { clearUserData } from '@/utils/storageHelper';
 import { useUser } from '@/context/UserContext';
 import { useRouter } from 'next/router';
 import { ClickAwayListener } from '@mui/material';
+import { nameToSlugName } from "@/utils/utils";
 
 const UserDetail = ({ isOpen, onClose }) => {
     const {user , setUser}=useUser();
@@ -31,7 +32,7 @@ const UserDetail = ({ isOpen, onClose }) => {
                 <div className={styles.userDetails}>
                         <>
                             <p><b>{user?.name || ""}</b></p>
-                            <p><b>{user?.email || ""}</b></p>
+                            <a href={`/discovery/user/${user?.id}/${nameToSlugName(user?.name)}`}><p><b>{user?.email || ""}</b></p></a>
                             <button className={styles.logoutButton} onClick={handleLogout}>Logout</button>
                         </>
                 </div>
diff --git a/src/components/UserDetailPopup/UserDetailPopup.module.css b/src/components/UserDetailPopup/UserDetailPopup.module.css
index 1a88cb3..e4fd3d2 100644
--- a/src/components/UserDetailPopup/UserDetailPopup.module.css
+++ b/src/components/UserDetailPopup/UserDetailPopup.module.css
@@ -16,6 +16,11 @@
   font-weight: 500;
 }
 
+.userDetails a p:hover {
+  color: blue;
+
+}
+
 .logoutButton {
   margin-top: 1rem;
   padding: 0.75rem 1.5rem;