From 462bb97cb034f70b3acedbcd72399f2e60283fb5 Mon Sep 17 00:00:00 2001
From: Shreerang Kale <shreerangkale@gmail.com>
Date: Tue, 11 Feb 2025 16:11:31 +0530
Subject: [PATCH] Use Big number for handling max amount paid to deployers

---
 packages/frontend/package.json                               | 1 +
 .../frontend/src/components/projects/create/Configure.tsx    | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 53848570..266d8db3 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -46,6 +46,7 @@
     "axios": "^1.6.7",
     "clsx": "^2.1.0",
     "date-fns": "^3.3.1",
+    "ethers": "^5.6.2",
     "downshift": "^8.3.2",
     "framer-motion": "^11.0.8",
     "gql-client": "^1.0.0",
diff --git a/packages/frontend/src/components/projects/create/Configure.tsx b/packages/frontend/src/components/projects/create/Configure.tsx
index 7c2d2e29..ce88a144 100644
--- a/packages/frontend/src/components/projects/create/Configure.tsx
+++ b/packages/frontend/src/components/projects/create/Configure.tsx
@@ -8,6 +8,7 @@ import {
   AuctionParams,
   Deployer,
 } from 'gql-client';
+import { BigNumber } from 'ethers';
 
 import { Select, MenuItem, FormControl, FormHelperText } from '@mui/material';
 
@@ -94,8 +95,8 @@ const Configure = () => {
     if (selectedOption === 'LRN') {
       amount = selectedDeployer?.minimumPayment?.toString() ?? '0';
     } else {
-      // TODO: Use BigNumber
-      amount = (selectedNumProviders * Number(selectedMaxPrice)).toString();
+      const bigMaxPrice = BigNumber.from(selectedMaxPrice);
+      amount = bigMaxPrice.mul(selectedNumProviders).toString();
     }
 
     return amount.replace(/\D/g, '');