sendparcel working properly

src/App.js

@@ -35,7 +35,7 @@ const App = () => {
 
   const handleLogin = async (credentials) => {
     try {
-      const response = await fetch("http://localhost:5005/api/user/signin", {
+      const response = await fetch("http://localhost:8005/api/user/signin", {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -64,8 +64,8 @@ const App = () => {
   // Define the onSignup function
   const onSignup = async (formData) => {
     try {
-      const response = await fetch('http://localhost:5005/api/user/signup', {
-        method: 'POST',
+      const response = await fetch("http://localhost:8005/api/user/signup", {
+        method: "POST",
         headers: {
           "Content-Type": "application/json",
         },
@@ -135,7 +135,7 @@ const App = () => {
         {isAuthenticated && (
           <>
             <Route path="/user-profile" element={<UserProfile />} />
-            <Route path="/edit-profile" element={<EditUserProfile/>} />
+            <Route path="/edit-profile" element={<EditUserProfile />} />
             <Route path="/parcel-history" element={<ParcelHistory />} />
             <Route path="/send-parcel" element={<SendParcel />} />
             <Route path="/notifications" element={<Notifications />} />

src/components/ParcelHistory.js

@@ -0,0 +1,67 @@
+import React, { useState } from "react";
+
+const ParcelHistory = () => {
+  // Simulated data for parcel history
+  const parcelHistory = [
+    {
+      sender: "John Doe",
+      recipient: "Alice Smith",
+      readyForPickupDate: "2023-11-10 14:30",
+      pickupDate: "2023-11-12 09:15",
+      status: "Delivered",
+      location: "Parcel Locker A",
+      retrievalCode: "12345",
+    },
+    {
+      sender: "John Doe",
+      recipient: "Alice Smith",
+      readyForPickupDate: "2023-11-10 14:30",
+      pickupDate: "2023-11-12 09:15",
+      status: "Delivered",
+      location: "Parcel Locker A",
+      retrievalCode: "12345",
+    },
+    // Add more parcel history entries as needed
+  ];
+
+  return (
+    <div className="container mx-auto p-4">
+      <h2 className=" text-4xl font-bold text-center my-8">
+        Parcel Information and History
+      </h2>
+      <div className="mt-4">
+        {parcelHistory.map((parcel, index) => (
+          <div key={index} className="border rounded p-4 mb-4">
+            <p>
+              <strong>Sender:</strong> {parcel.sender}
+            </p>
+            <p>
+              <strong>Recipient:</strong> {parcel.recipient}
+            </p>
+            <p>
+              <strong>Ready for Pickup:</strong> {parcel.readyForPickupDate}
+            </p>
+            <p>
+              <strong>Picked up:</strong> {parcel.pickupDate}
+            </p>
+            <p>
+              <strong>Status:</strong> {parcel.status}
+            </p>
+            {parcel.status === "Ready for Pickup" && (
+              <div>
+                <p>
+                  <strong>Location:</strong> {parcel.location}
+                </p>
+                <p>
+                  <strong>Retrieval Code:</strong> {parcel.retrievalCode}
+                </p>
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default ParcelHistory;

src/components/UserProfile.js

@@ -4,7 +4,7 @@ import Login from "./user/Login";
 import Signup from "./user/Signup";
 import { Link } from "react-router-dom";
 
-const UserProfile = () => {
+const UserProfile = ({ setIsAuthenticated }) => {
   const [showLogin, setShowLogin] = useState(true);
 
   const [user, setUser] = useState({
@@ -83,7 +83,7 @@ const UserProfile = () => {
             </tr>
           </tbody>
         </table>
-        <Link to={'/edit-profile'}>
+        <Link to={"/edit-profile"}>
           <button className="btn py-2 my-2 bg-black text-white w-full">
             Update Information
           </button>
@@ -93,4 +93,4 @@ const UserProfile = () => {
   );
 };
 
-export default UserProfile;
+export default UserProfile;