updated fronted o handle edit of posts

frontend/package.json

@@ -25,6 +25,7 @@
     "react-scripts": "^5.0.1",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",
+    "uuid": "^9.0.1",
     "web-vitals": "^2.1.4",
     "yup": "^1.4.0"
   },

frontend/src/Components/HomeSection/EditPost.jsx

@@ -3,6 +3,7 @@ import { Button, TextField } from "@mui/material";
 import { useDispatch } from "react-redux";
 import { updatePost } from "../Store/Action";
 import { uploadToS3 } from "../Config/awsS3";
+import { v4 as uuidv4 } from "uuid";
 
 const EditPost = ({
   initialCaption,
@@ -15,6 +16,9 @@ const EditPost = ({
   const [caption, setCaption] = useState(initialCaption);
   const [image, setImage] = useState(null);
 
+  const S3_BUCKET_NAME = process.env.REACT_APP_S3_BUCKET_NAME;
+  const S3_BUCKET_REGION = process.env.REACT_APP_S3_BUCKET_REGION;
+
   const handleImageChange = (e) => {
     setImage(e.target.files[0]);
   };

frontend/src/Components/Store/Action.js

@@ -53,7 +53,7 @@ export const updatePost = (postId, updatedPostData) => {
     dispatch({ type: UPDATE_POST_REQUEST });
     try {
       const response = await axios.put(`/posts/${postId}`, updatedPostData);
-      dispatch({ type: UPDATE_POST_SUCCESS, payload: response.data });
+      dispatch({ type: UPDATE_POST_SUCCESS, payload: response.data }); // Assuming response.data contains the updated post data
     } catch (error) {
       dispatch({ type: UPDATE_POST_FAILURE, payload: error.message });
     }

frontend/src/Components/Store/Reducer.js

@@ -56,14 +56,16 @@ export const postReducer = (state = initialState, action) => {
         posts: [...state.posts, action.payload],
       };
     case UPDATE_POST_SUCCESS:
+      const updatedPost = action.payload; // Assuming action.payload contains only the updated post data
       const updatedPosts = state.posts.map((post) =>
-        post.id === action.payload.id ? action.payload : post
+        post.id === updatedPost.id ? updatedPost : post
       );
       return {
         ...state,
         loading: false,
         posts: updatedPosts,
       };
+
     case DELETE_POST_SUCCESS:
       const filteredPosts = state.posts.filter(
         (post) => post.id !== action.payload