feat(ifo): Added token decimals (#234)

Author: hachiojidev

src/sushi/lib/constants/ifo.ts

@@ -17,6 +17,7 @@ const ifos: Ifo[] = [
     projectSiteUrl: 'https://blink.wink.org',
     currency: 'CAKE-BNB LP',
     currencyAddress: '0xA527a61703D82139F8a06Bc30097cC9CAA2df5A6',
+    tokenDecimals: 6,
   },
   {
     id: 'ditto',
@@ -34,6 +35,7 @@ const ifos: Ifo[] = [
     projectSiteUrl: 'https://ditto.money/',
     currency: 'CAKE-BNB LP',
     currencyAddress: '0xA527a61703D82139F8a06Bc30097cC9CAA2df5A6',
+    tokenDecimals: 9,
   },
 ]
 

src/sushi/lib/constants/types.ts

@@ -15,6 +15,7 @@ export interface Ifo {
   projectSiteUrl: string
   currency: string
   currencyAddress: string
+  tokenDecimals: number
 }
 
 export enum QuoteToken {

src/views/Ifo/components/IfoCard/IfoCardContribute.tsx

@@ -18,6 +18,7 @@ export interface Props {
   contract: Contract
   status: IfoStatus
   raisingAmount: BigNumber
+  tokenDecimals: number
 }
 
 const IfoCardContribute: React.FC<Props> = ({
@@ -27,6 +28,7 @@ const IfoCardContribute: React.FC<Props> = ({
   contract,
   status,
   raisingAmount,
+  tokenDecimals,
 }) => {
   const [pendingTx, setPendingTx] = useState(false)
   const [offeringTokenBalance, setOfferingTokenBalance] = useState(new BigNumber(0))
@@ -98,7 +100,7 @@ const IfoCardContribute: React.FC<Props> = ({
           isFinished
             ? userInfo.claimed
               ? 'Claimed'
-              : getBalanceNumber(offeringTokenBalance, 6).toFixed(4)
+              : getBalanceNumber(offeringTokenBalance, tokenDecimals).toFixed(4)
             : getBalanceNumber(new BigNumber(userInfo.amount)).toFixed(4)
         }
         onClick={isFinished ? claim : onPresentContributeModal}

src/views/Ifo/components/IfoCard/index.tsx

@@ -73,6 +73,7 @@ const IfoCard: React.FC<IfoCardProps> = ({ ifo }) => {
     projectSiteUrl,
     currency,
     currencyAddress,
+    tokenDecimals,
   } = ifo
   const [state, setState] = useState({
     isLoading: true,
@@ -152,6 +153,7 @@ const IfoCard: React.FC<IfoCardProps> = ({ ifo }) => {
             contract={contract}
             status={state.status}
             raisingAmount={state.raisingAmount}
+            tokenDecimals={tokenDecimals}
           />
         )}
         <IfoCardDescription description={description} />