[Job Launcher Client] Fix amount normalization (#1180)

* fix: normalize amounts

* do not round

packages/apps/job-launcher/client/src/pages/Job/JobDetail/index.tsx

@@ -9,6 +9,7 @@ import { useJobDetails } from '../../../hooks/useJobDetails';
 import { useSnackbar } from '../../../providers/SnackProvider';
 import * as jobService from '../../../services/job';
 import { JobStatus } from '../../../types';
+import { formatAmount } from '../../../utils/bignumber';
 
 const CardContainer = styled(Card)(({ theme }) => ({
   borderRadius: '16px',
@@ -103,7 +104,7 @@ export default function JobDetail() {
                 />
                 <CardTextRow
                   label="Paid Out HMT"
-                  value={`${data.details.paidOut} HMT`}
+                  value={`${formatAmount(data.details.paidOut.toString())} HMT`}
                 />
                 <CardTextRow label="Amount of Jobs" value="" />
                 <CardTextRow label="Workers assigned" value="" />
@@ -124,11 +125,13 @@ export default function JobDetail() {
                 <CardTextRow label="Staker" value={data.staking.staker} />
                 <CardTextRow
                   label="Staked HMT"
-                  value={`${data.staking.allocated} HMT`}
+                  value={`${formatAmount(
+                    data.staking.allocated.toString()
+                  )} HMT`}
                 />
                 <CardTextRow
                   label="Slashed HMT"
-                  value={`${data.staking.slashed} HMT`}
+                  value={`${formatAmount(data.staking.slashed.toString())} HMT`}
                 />
               </Stack>
             </CardContainer>
@@ -165,7 +168,9 @@ export default function JobDetail() {
                     />
                     <CardTextRow
                       label="Fund Amount"
-                      value={`${data.manifest.fundAmount} HMT`}
+                      value={`${formatAmount(
+                        data.manifest.fundAmount.toString()
+                      )} HMT`}
                     />
                     <CardTextRow
                       label="Job Requester"

packages/apps/job-launcher/client/src/utils/bignumber.ts

@@ -1,7 +1,5 @@
 import { ethers, BigNumber } from 'ethers';
 
 export const formatAmount = (amount: string) => {
-  return Number(ethers.utils.formatUnits(BigNumber.from(amount), 18)).toFixed(
-    2
-  );
+  return ethers.utils.formatUnits(BigNumber.from(amount), 18);
 };