refactor(frontend): handle changes in backend

#65

Author: jo-elimu

backend/README.md

@@ -27,11 +27,6 @@ npx hardhat ignition deploy ./ignition/modules/QueueHandler.ts --network hardhat
 ```
 
 Ethereum Sepolia (Chain ID `11155111`)
-
-```shell
-rm -rf ./ignition/deployments/chain-11155111/artifacts/
-```
-
 ```shell
 npx hardhat ignition deploy ./ignition/modules/SponsorshipQueue.ts --network sepolia --reset --verify
 npx hardhat ignition deploy ./ignition/modules/DistributionQueue.ts --network sepolia --verify
@@ -41,11 +36,6 @@ npx hardhat ignition deploy ./ignition/modules/QueueHandler.ts --network sepolia
 [`./ignition/deployments/chain-11155111/deployed_addresses.json`](./ignition/deployments/chain-11155111/deployed_addresses.json)
 
 Ethereum Mainnet (Chain ID `1`)
-
-```shell
-rm -rf ./ignition/deployments/chain-1/artifacts/
-```
-
 ```shell
 npx hardhat ignition deploy ./ignition/modules/SponsorshipQueue.ts --network mainnet --reset --verify
 npx hardhat ignition deploy ./ignition/modules/DistributionQueue.ts --network mainnet --verify

frontend/src/components/Distributions.tsx

@@ -15,7 +15,7 @@ export default function Distributions() {
     const { isLoading, isError, error, data } = useReadContract({
         abi,
         address: deploymentAddress,
-        functionName: "getQueueCount"
+        functionName: "getLength"
     });
     console.debug("isLoading:", isLoading);
     console.debug("isError:", isError);

frontend/src/components/Sponsorships.tsx

@@ -15,7 +15,7 @@ export default function Sponsorships() {
     const { isLoading, isError, error, data } = useReadContract({
         abi,
         address: deploymentAddress,
-        functionName: "getQueueCount"
+        functionName: "getLength"
     });
     console.debug("isLoading:", isLoading);
     console.debug("isError:", isError);

frontend/src/pages/sponsorships/add.tsx

@@ -63,12 +63,12 @@ export function ReadEstimatedCost() {
 
   return (
     <>
-      <SimulateContractButton estimatedCost={0.0001} />
+      <SimulateContractButton />
     </>
   )
 }
 
-export function SimulateContractButton({ estimatedCost }: any) {
+export function SimulateContractButton() {
   console.debug("SimulateContractButton");
 
   const deploymentAddress: Address = deployed_addresses["SponsorshipQueueModule#SponsorshipQueue"] as `0x${string}`;
@@ -77,8 +77,7 @@ export function SimulateContractButton({ estimatedCost }: any) {
   const { isPending, isError, error, isSuccess } = useSimulateContract({
     abi,
     address: deploymentAddress,
-    functionName: "addSponsorship",
-    value: parseEther(estimatedCost)
+    functionName: "addSponsorship"
   })
   console.debug("isPending:", isPending);
   console.debug("isError:", isError);
@@ -98,7 +97,7 @@ export function SimulateContractButton({ estimatedCost }: any) {
   return <WriteContractButton />
 }
 
-export function WriteContractButton({ estimatedCost }: any) {
+export function WriteContractButton() {
   console.debug("WriteContractButton");
 
   const deploymentAddress: Address = deployed_addresses["SponsorshipQueueModule#SponsorshipQueue"] as `0x${string}`;
@@ -112,12 +111,11 @@ export function WriteContractButton({ estimatedCost }: any) {
         writeContract({
           abi,
           address: deploymentAddress,
-          functionName: "addSponsorship",
-          value: parseEther(estimatedCost)
+          functionName: "addSponsorship"
         })
       }
     >
-      Send {estimatedCost} ETH ⟠
+      Send 0.0001 ETH ⟠
     </button>
   )
 }