Added API dependencies on isConnected

next-app/components/Homepage/Homepage.tsx

@@ -33,7 +33,7 @@ import {factoryContract} from "@/blockend/interact"
 type Props = {}
 
 function Homepage({}: Props) {
-	const { address, chainId} = useAccount()
+	const { address, chainId, chain} = useAccount()
 	// const { openConnectModal } = useConnectModal()
 	const [uploadClicked, setUploadClicked] = useState(false)
 	const inputFile = useRef(null)
@@ -151,6 +151,9 @@ function Homepage({}: Props) {
 	}
 
     const saveToMongoDB = async() => {
+        console.log("chainId: ", chainId);
+        console.log("chain: ", chain);
+
         	const newInvoice = new UploadedInvoice({
 					email: email,
                     contractAddress: deployedContractAddress,

next-app/components/Portfolio/ClientDashboard.tsx

@@ -44,7 +44,7 @@ const ClientDashboard = (sellerAddress:any) => {
 		}
 
 		fetchInvoices()
-	}, [])
+	}, [chainId, address])
 
 
     const handleSignAgreement =async(invoice) => {

next-app/components/Portfolio/PortfolioTable.tsx

@@ -40,14 +40,16 @@ function PortfolioTable() {
         })
   }
 
-  const {address} = useAccount();
+  const {address, isConnected} = useAccount();
 
   const [invoices, setInvoices] = useState([]);
 
 
 
 useEffect(() => {
     const fetchInvoices = async () => {
+
+
         const result = await factoryContract.methods.getInvestorInvoices(address).call();
 
         let uniqueAddresses = Array.from(new Set(result));
@@ -67,8 +69,10 @@ useEffect(() => {
         const invoices = await Promise.all(invoicePromises);
         setInvoices(invoices);
     }
-    fetchInvoices()
-}, [address])
+    if(isConnected)
+        fetchInvoices()
+
+}, [isConnected, address])
 
 
   return (

next-app/pages/factor.tsx

@@ -44,7 +44,7 @@ type Props = {}
 
 export default function ({}: Props) {
 	const [uploadedInvoices, setUploadedInvoices] = useState([])
-	const { address, chainId } = useAccount()
+	const { address, chainId, isConnected } = useAccount()
 	const [approveForm, setApproveForm] = useState(false)
 	const [isSubmitting, setIsSubmitting] = useState(false)
     const [invoice, setInvoice] = useState<UploadedInvoice>();
@@ -70,6 +70,7 @@ export default function ({}: Props) {
 	})
 
 	useEffect(() => {
+
 		const fetchInvoices = async () => {
 			const response = await fetch(`api/uploaded_invoices?active=true&approved=false&chainId=${chainId}`).then((res) =>
 				res.json()
@@ -78,7 +79,7 @@ export default function ({}: Props) {
 		}
 
 		fetchInvoices()
-	}, [])
+	}, [isConnected, chainId])
 
 	const updateDecline = async (invoice: UploadedInvoice) => {}
 
@@ -177,7 +178,7 @@ export default function ({}: Props) {
 										marginBottom="20px"
 										marginTop="2px"
 										name="totalInvoiceAmount"
-										placeholder="Amount in Eth"
+										placeholder="Amount in USDC"
 										value={formData.totalInvoiceAmount}
 										onChange={handleInputChange}
 									/>

next-app/pages/invest.tsx

@@ -23,18 +23,19 @@ import {useAccount} from 'wagmi'
 function invest() {
 
     const [signedInvoices, setSignedInvoices] = useState([]);
-	const { chainId } = useAccount()
+	const { isConnected, chainId } = useAccount();
 
 	useEffect(() => {
 		const fetchInvoices = async () => {
 			const response = await fetch(`api/uploaded_invoices?signedBySeller=true&chainId=${chainId}&isCompleted=false`).then((res) =>
 				res.json()
+
 			)
 			setSignedInvoices(response)
             console.log(response);
 		}
 		fetchInvoices()
-	}, [])
+	}, [isConnected,chainId])
 
 
 	return (