From 2c421ad9d95debcdfafcbd9854e4ccc42319dabf Mon Sep 17 00:00:00 2001
From: Rohit Pandey <rd8614196@gmail.com>
Date: Wed, 19 Feb 2025 15:03:47 +0530
Subject: [PATCH 1/2] Added thje CLick to view author profile feature

---
 .../TutorialPage/components/UserDetails.jsx   | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/TutorialPage/components/UserDetails.jsx b/src/components/TutorialPage/components/UserDetails.jsx
index 2310956f..cc9d19f6 100644
--- a/src/components/TutorialPage/components/UserDetails.jsx
+++ b/src/components/TutorialPage/components/UserDetails.jsx
@@ -7,6 +7,7 @@ import { useFirebase, useFirestore } from "react-redux-firebase";
 import { getUserProfileData } from "../../../store/actions";
 import { isUserFollower } from "../../../store/actions/profileActions";
 import { addUserFollower } from "../../../store/actions";
+import { Link } from "react-router-dom";
 
 const useStyles = makeStyles(() => ({
   container: {
@@ -42,6 +43,9 @@ const User = ({ id, timestamp, size }) => {
     }) => data
   );
 
+  console.log("user", user);
+  console.log("profileData", profileData);  
+
   useEffect(() => {
     const checkIsFollowed = async () => {
       const status = await isUserFollower(
@@ -78,20 +82,23 @@ const User = ({ id, timestamp, size }) => {
         xs={6}
       >
         <Grid sx={{ height: "100%", width: "auto" }} item>
-          <Avatar
-            sx={{
-              height: size == "sm" ? "24px" : "40px",
-              width: size == "sm" ? "24px" : "40px"
-            }}
-          >
-            {user?.photoURL && user?.photoURL.length > 0 ? (
-              <img src={user?.photoURL} />
-            ) : (
-              user?.displayName[0]
-            )}
-          </Avatar>
+          <Link to={`/profile/${user.uid}`}>
+            <Avatar
+              sx={{
+                height: size == "sm" ? "24px" : "40px",
+                width: size == "sm" ? "24px" : "40px"
+              }}
+            >
+              {user?.photoURL && user?.photoURL.length > 0 ? (
+                <img src={user?.photoURL} />
+              ) : (
+                user?.displayName[0]
+              )}
+            </Avatar>
+          </Link>
         </Grid>
         <Grid item sx={{ width: "fit-content" }}>
+          <Link to={`/profile/${user.uid}`}>
           <Typography
             sx={{
               fontSize: size == "sm" ? "14px" : "16px"
@@ -101,6 +108,7 @@ const User = ({ id, timestamp, size }) => {
               {user?.displayName}
             </span>
           </Typography>
+          </Link>
           <Typography
             sx={{
               fontSize: size == "sm" ? "10px" : "12px",

From 0c50d9e88868337042868b20a928d462f0a12646 Mon Sep 17 00:00:00 2001
From: Rohit Pandey <rd8614196@gmail.com>
Date: Thu, 20 Feb 2025 15:34:40 +0530
Subject: [PATCH 2/2] Removed console from
 "src/components/TutorialPage/components/UserDetails.jsx"

---
 src/components/TutorialPage/components/UserDetails.jsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/TutorialPage/components/UserDetails.jsx b/src/components/TutorialPage/components/UserDetails.jsx
index cc9d19f6..7555a376 100644
--- a/src/components/TutorialPage/components/UserDetails.jsx
+++ b/src/components/TutorialPage/components/UserDetails.jsx
@@ -43,9 +43,6 @@ const User = ({ id, timestamp, size }) => {
     }) => data
   );
 
-  console.log("user", user);
-  console.log("profileData", profileData);  
-
   useEffect(() => {
     const checkIsFollowed = async () => {
       const status = await isUserFollower(