Merge pull request #12 from Tarik-Anowar/recruitifyv1

Recruitifyv1

Author: priyam-03

backend/controllers/postController.js

@@ -22,26 +22,42 @@ exports.createPost = catchAsyncErrors(async (req, res) => {
         res.status(201).json(savedPost);
         console.log("successful.. + ");
 
-
     } catch (error) {
         console.error(error);
         res.status(500).json({ error: 'Internal server error' });
     }
 });
 
-exports.getPost = catchAsyncErrors(async (req, res) => {
+
+exports.getMyPost = catchAsyncErrors(async (req, res) => {
     try {
-        const email = req.params.email;
-        console.log("email== " + email);
-        const author = await Userauth.findOne({ email: email });
-        let posts;
-        if (email) {
-            posts = await Post.find({ 'author': author._id }).populate('author').sort({timestamp:-1});
-        } else {
-            posts = await Post.find().populate('author').sort({timestamp:-1});
+        const userId = req.user._id;
+        const posts = await Post.find({ 'author': userId })
+            .populate({
+                path: 'author',
+                select: 'name email avatar'
+            })
+            .sort({ timestamp: -1 });
+
+        if (!posts || posts.length === 0) {
+            return res.status(404).json({ error: 'Posts not found' });
         }
+        res.status(200).json(posts);
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ error: 'Internal server error' });
+    }
+});
+
+exports.getAllPost = catchAsyncErrors(async (req, res) => {
+    try {
+        const posts = await Post.find()
+            .populate({
+                path: 'author',
+                select: 'name email avatar'
+            })
+            .sort({ timestamp: -1 });
 
-        console.log("posts == " + posts);
         if (!posts || posts.length === 0) {
             return res.status(404).json({ error: 'Posts not found' });
         }
@@ -54,7 +70,8 @@ exports.getPost = catchAsyncErrors(async (req, res) => {
 
 exports.deletePost = catchAsyncErrors(async (req, res) => {
     try {
-        const postId = req.params.id; 
+        const postId = req.params.id;
+        console.log("psot id  = "+postId);
 
         if (!mongoose.isValidObjectId(postId)) {
             return res.status(400).json({ error: 'Invalid post ID' });
@@ -65,6 +82,12 @@ exports.deletePost = catchAsyncErrors(async (req, res) => {
         if (!post) {
             return res.status(404).json({ error: 'Post not found' });
         }
+
+        // Check if the user is the author of the post
+        if (post.author.toString() !== req.user._id.toString()) {
+            return res.status(403).json({ error: 'Unauthorized to delete this post' });
+        }
+
         await post.remove();
 
         res.status(200).json({ message: 'Post deleted successfully' });

backend/index.js

@@ -95,4 +95,4 @@ process.on("unhandledRejection", (err) => {
   server.close(() => {
     process.exit(1);
   });
-});
+});

backend/routes/postRouter.js

@@ -1,12 +1,13 @@
 const express = require("express");
 const router = express.Router();
 
-const {createPost, getPost, deletePost} = require("../controllers/postController");
+const {createPost, deletePost, getMyPost, getAllPost} = require("../controllers/postController");
 const { isAuthenticatedUser} = require("../middleware/auth");
 
 router.route("/createpost").post(isAuthenticatedUser,createPost);
-router.route("/getposts/:email").get(isAuthenticatedUser,getPost);
-router.route("/deletepost:id").delete(isAuthenticatedUser,deletePost);
+router.route("/getMyPosts").get(isAuthenticatedUser,getMyPost);
+router.route("/getAllPosts").get(isAuthenticatedUser,getAllPost);
+router.route("/deletePost/:id").delete(isAuthenticatedUser,deletePost);
 // router.route("/savepost").post(isAuthenticatedUser,)
 // router.route("/editpost").post(isAuthenticatedUser)
 

frontend/package.json

@@ -53,4 +53,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

frontend/src/Dashboard/AppBar/AppBar.js

@@ -20,8 +20,8 @@ const MainContainer = styled("div")({
 const AppBar = () => {
   return (
     <MainContainer>
-      <ChosenOptionLabel />
-      <DropdownMenu />
+      {/* <ChosenOptionLabel /> */}
+      {/* <DropdownMenu /> */}
     </MainContainer>
   );
 };

frontend/src/Dashboard/Dashboard.js

@@ -49,7 +49,7 @@ const Dashboard = ({ isUserInRoom }) => {
       <SideBar />
       <FriendsSideBar />
       <Messenger />
-      <AppBar />
+      {/* <AppBar /> */}
       {isUserInRoom && <Room />}
     </Wrapper>
   );

frontend/src/Dashboard/Messenger/Messenger.js

@@ -9,7 +9,7 @@ const MainContainer = styled("div")({
   backgroundColor: "#36393f",
   // marginTop: "48px",
   display: "flex",
-  // height: "100%",
+  height: "100vh",
 });
 
 const Messenger = () => {

frontend/src/Dashboard/Messenger/MessengerContent.js

@@ -10,6 +10,7 @@ import {
 
 const Wrapper = styled("div")({
   flexGrow: 1,
+  height:'90vh'
 });
 
 const MessengerContent = (props) => {

frontend/src/User/createPost.js

@@ -0,0 +1,22 @@
+// src/shared/components/CreatePost.js
+import React from 'react';
+import { CloseIcon } from '@chakra-ui/icons';
+import CteatepostTextsection from '../shared/components/CreatepostTextSection';
+// import './CreatePost.css'; 
+
+
+const CreatePost = ({ showModal, handleShowCreatePost }) => {
+    return (
+        showModal && (
+            <div className="modal">
+                <div className="modal-content">
+                    <CloseIcon onClick={handleShowCreatePost} className="close-button" />
+                    <br />
+                    <CteatepostTextsection setShowThis={handleShowCreatePost} />
+                </div>
+            </div>
+        )
+    );
+};
+
+export default CreatePost;

frontend/src/User/myPosts.js

@@ -0,0 +1,118 @@
+import { useState, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Avatar, Box, Button, IconButton, Typography } from '@mui/material';
+import { Chat as ChatIcon, ThumbUp as ThumbUpIcon, ThumbDown as ThumbDownIcon } from '@mui/icons-material';
+import DropdownMenu from '../shared/components/HamburgerDropdown';
+import { fetchMyPosts } from '../store/slices/postSlice';
+import usePostChange from './IsChange';
+import '../styles/posts.css';
+import CreatePost from './createPost';
+import CommentTextsection from '../shared/components/CommentTextSection';
+
+const MyPost = () => {
+    const { userInfo } = useSelector((state) => state.auth);
+    const [showModal, setShowModal] = useState(false);
+    const [showTextSection, setShowTextSection] = useState({});
+    const dispatch = useDispatch();
+    const myPosts = useSelector((state) => state.posts.myPosts);
+    const [likes, setLikes] = useState({});
+    const [likeMode, setLikeMode] = useState({});
+
+    useEffect(() => {
+        dispatch(fetchMyPosts());
+    }, [dispatch]);
+
+    const handleShowCreatePost = () => {
+        setShowModal(!showModal);
+    };
+
+    const handleToggleTextSection = (postId) => {
+        setShowTextSection((prevState) => ({
+            ...prevState,
+            [postId]: !prevState[postId],
+        }));
+    };
+
+    const handleToggleLike = (postId) => {
+        setLikes((prevState) => {
+            const newLikes = { ...prevState };
+            const isLiked = likeMode[postId];
+
+            if (isLiked) {
+                newLikes[postId] = Math.max(0, (newLikes[postId] || 0) - 1);
+            } else {
+                newLikes[postId] = (newLikes[postId] || 0) + 1;
+            }
+
+            return newLikes;
+        });
+        setLikeMode((prevState) => ({
+            ...prevState,
+            [postId]: !prevState[postId]
+        }));
+    };
+
+    return (
+        <div className="posts-page">
+            <Button
+                variant="contained"
+                color="primary"
+                onClick={handleShowCreatePost}
+            >
+                Create Post
+            </Button>
+            <div className="posts">
+                {myPosts && myPosts.map((post) => (
+                    <div key={post._id} className="post">
+                        <div className="post-owner">
+                            <Avatar
+                                src={post.author.avatar.filePath}
+                                alt={post.author.name}
+                                sx={{ width: 56, height: 56 }}
+                            />
+                            <div className="username">
+                                <Typography variant="subtitle1">{post.author.name}</Typography>
+                            </div>
+                            <DropdownMenu postId={post._id} userEmail={post.author.email} />
+                        </div>
+                        <div className="post-content">
+                            <Typography variant="body1">{post.text}</Typography>
+                        </div>
+                        <Box sx={{ display: 'flex', alignItems: 'center', mt: 1 }}>
+                            <IconButton onClick={() => handleToggleLike(post._id)}>
+                                <ThumbUpIcon color={likeMode[post._id] ? 'primary' : 'action'} />
+                            </IconButton>
+                            <Typography variant="body2" sx={{ ml: 1 }}>
+                                {likes[post._id] || 0}
+                            </Typography>
+                            <IconButton onClick={() => handleToggleLike(post._id)}>
+                                <ThumbDownIcon />
+                            </IconButton>
+                            <IconButton onClick={() => handleToggleTextSection(post._id)}>
+                                <ChatIcon />
+                            </IconButton>
+                        </Box>
+                        {post.images && post.images.map((image, index) => (
+                            <Box key={index} sx={{ mt: 1 }}>
+                                <img
+                                    src={image}
+                                    alt="Sample"
+                                    style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '8px' }}
+                                />
+                            </Box>
+                        ))}
+                        {showTextSection[post._id] && (
+                            <CommentTextsection
+                                setShowThis={() => handleToggleTextSection(post._id)}
+                            />
+                        )}
+                    </div>
+                ))}
+                <Typography variant="body2">No more Posts to show</Typography>
+            </div>
+            <CreatePost showModal={showModal} handleShowCreatePost={handleShowCreatePost} />
+        </div>
+    );
+};
+
+export default MyPost;