Merge pull request #1280 from Ayushmaanagarwal1211/Bugs

Fixed all bugs in the grow your reach page

Author: mdazfar2

website3.0/components/profile/GrowYourReachTab.jsx

@@ -24,10 +24,16 @@ function GrowYourReachTab() {
 
           if (finalUser && finalUser.following) {
             const followingIds = Object.keys(finalUser.following);
-            const nonFollowersList = allUsers.filter(
+            let nonFollowersList = allUsers.filter(
               user => !followingIds.includes(user._id) && user._id !== finalUser._id
             );
-
+            let arr=[finalUser.name]
+            nonFollowersList=nonFollowersList.filter((dataa)=>{
+              if(!arr.includes(dataa.name)){
+                arr.push(dataa.name)
+                return dataa
+              }
+            })
             setNonFollowers(nonFollowersList);
           }
         } else {
@@ -59,7 +65,7 @@ function GrowYourReachTab() {
                     {user.name}
                   </div>
                   <a
-                    href={`/profile?id=${user._id}`}
+                    href={`/profile?id=${user.username}&&isView=true`}
                     target="_blank"
                     rel="noopener noreferrer"
                     className={`${theme?"bg-[#6089a4]":"bg-[#979797]"}  text-lg max-md:text-sm text-white px-4 py-2 rounded-md`}

website3.0/components/profile/ProfilepageDetails.jsx

@@ -171,6 +171,7 @@ export default function ProfilepageDetails({ isViewProfile, id }) {
     });
     data = await data.json();
     if (data.success) {
+      console.log(data.msg,finalUser,'user')
       setViewUserDetails(data.msg);
       if (isLogin1) {
         if (data.msg.followers.hasOwnProperty(finalUser._id)) {
@@ -319,7 +320,7 @@ export default function ProfilepageDetails({ isViewProfile, id }) {
 
         <div className="w-full h-72 overflow-hidden">
           <img
-            src={finalUser.banner}
+            src={isViewProfile?viewUserDetails.banner:finalUser.banner}
             alt="banner"
             className="w-full h-full object-cover object-center"
           />
@@ -428,7 +429,7 @@ export default function ProfilepageDetails({ isViewProfile, id }) {
                       : finalUser.linkedin
                   }
                 >
-                  <a href={`${finalUser.linkedin}`}>
+                  <a href={`${isViewProfile?viewUserDetails.linkedin:finalUser.linkedin}`}>
                     <FontAwesomeIcon icon={faLinkedinIn} color="#0072b1" />
                   </a>
                 </div>

website3.0/src/app/api/getuser/route.js

@@ -11,12 +11,14 @@ export async function POST(req) {
   // Connect to MongoDB using Mongoose
   await mongoose.connect(MONGO_URI);
   try {
-    let data = await user.findOne({ _id: id });
+    let data = await user.findOne({ username: username });
+
     // checking if user exist or not
     if (data) {
+
       return NextResponse.json({ success: true, msg: data }, { status: "200" });
     } else {
-      let data = await user.findOne({ username: username });
+      let data = await user.findById( id );
       if(!data){
 
         return NextResponse.json({ success: false }, { status: "200" });

website3.0/src/app/profile/page.js

@@ -52,9 +52,9 @@ const BlogDetails = () => <div className="min-h-screen mt-10 rounded-xl"><Dashbo
 const DeletedBlogs1=()=><div  className="min-h-screen mt-10 rounded-xl"><DeletedBlogs/></div>
 const UnblockBlogs1=()=><div  className="min-h-screen mt-10 rounded-xl"><Unblock/></div>
 
-const Profile = ({ id }) => (
+const Profile = ({ id ,isView}) => (
   <div className="bg-gray-100 mt-10 rounded-xl">
-    <ProfilepageDetails isViewProfile={id.length > 0} id={id} />
+    <ProfilepageDetails  isViewProfile={isView} id={id} />
   </div>
 );
 
@@ -130,6 +130,7 @@ const ProfilePage = () => {
   const [notificationCount, setNotificationCount] = useState(0); // State for unread notifications count
   const pathname = usePathname(); // Get current path
   const [id, setId] = useState("");
+  let [isView,setIsView]=useState(false)
   const isViewProfile = id.length > 0;
   const router = useRouter();
 
@@ -142,15 +143,18 @@ const ProfilePage = () => {
 
     // Get the 'id' query parameter from the URL
     const idFromQuery = getUrlParameter("id");
-
+    let isView=getUrlParameter("isView")
+    if(isView){
+      setIsView(true)
+    }
     if (idFromQuery) {
       const storedUser = localStorage.getItem("finalUser");
       const parsedUser = storedUser ? JSON.parse(storedUser) : isViewProfile;
       if (parsedUser.username !== idFromQuery) {
         setId(idFromQuery);
       }
     }
-    setActiveComponent(<Profile id={id} />);
+    setActiveComponent(<Profile id={id} isView={isView} />);
     setActiveMenuItem("Profile");
   }, [id, isViewProfile]); // Adjust dependencies if needed
 
@@ -262,7 +266,7 @@ const ProfilePage = () => {
                 title="Profile"
                 icon={faAddressCard}
                 isCollapsible={true}
-                onClick={() => handleMenuClick(<Profile id={id} />, "Profile")}
+                onClick={() => handleMenuClick(<Profile isView={isView} id={id} />, "Profile")}
                 isActive={activeMenuItem === "Profile"}
                 theme={theme}
               >