Profile Page Updated

client/src/context/index.jsx

@@ -60,6 +60,16 @@ export const StateContextProvider = ({ children }) => {
     return parsedCampaigns;
   };
 
+  const getUserCampaigns = async () => {
+    const allCampaigns = await getCampaigns();
+
+    const filteredCampaigns = allCampaigns.filter(
+      (campaign) => campaign.owner === address
+    );
+
+    return filteredCampaigns;
+  };
+
   return (
     <StateContext.Provider
       value={{
@@ -68,6 +78,7 @@ export const StateContextProvider = ({ children }) => {
         connect,
         createCampaign: publishCampaign,
         getCampaigns,
+        getUserCampaigns,
       }}
     >
       {children}

client/src/pages/Profile.jsx

@@ -1,9 +1,32 @@
-import React from 'react'
+import React, { useState, useEffect } from "react";
 
-function Profile() {
-  return (
-    <div>Profile</div>
-  )
-}
+import DisplayCampaigns from "../components/DisplayCampaigns"
+import { useStateContext } from "../context";
 
-export default Profile;
+const Profile = () => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [campaigns, setCampaigns] = useState([]);
+
+  const { address, contract, getUserCampaigns } = useStateContext();
+
+  const fetchCampaigns = async() => {
+    setIsLoading(true);
+    const data = await getUserCampaigns();
+    setCampaigns(data);
+    setIsLoading(false);
+  }
+
+  useEffect(() => {
+    if(contract) fetchCampaigns();
+  }, [address, contract]);
+
+  return(
+    <DisplayCampaigns
+        title="All Campaigns"
+        isLoading= {isLoading}
+        campaigns = {campaigns}
+    />
+  );
+};
+
+export default Profile;