RouteEndPoint.tsx fixed

concero · Dec 7, 2023 · d6b2042 · d6b2042
1 parent 919544e
commit d6b2042
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/src/components/cards/RouteCard/RouteEndPoint.tsx b/src/components/cards/RouteCard/RouteEndPoint.tsx
@@ -3,6 +3,7 @@ import classNames from './RouteCard.module.pcss'
 import { Avatar } from '../../tags/Avatar/Avatar'
 import { DataContext } from '../../../hooks/DataContext/DataContext'
 import { getChainLogoURIById } from './getChainLogoURIById'
+import { addingTokenDecimals, numberToFormatString } from '../../../utils/formatting'
 
 interface RouteEndPointProps {
 	side: {
@@ -19,13 +20,6 @@ interface RouteEndPointProps {
 	}
 }
 
-function getFormatAmount(amount: string, decimals: number) {
-	if (amount.includes('.')) {
-		return parseFloat(amount).toFixed(2)
-	}
-	return (parseFloat(amount) / 10 ** decimals).toFixed(2)
-}
-
 export const RouteEndPoint: FC<RouteEndPointProps> = ({ side }) => {
 	const [chainLogoURI, setChainLogoURI] = useState('')
 	const { amount } = side.token
@@ -41,7 +35,7 @@ export const RouteEndPoint: FC<RouteEndPointProps> = ({ side }) => {
 				<Avatar src={side.token.logo_uri} size="md" />
 				<Avatar src={chainLogoURI} size="xs" className={classNames.chainAvatar} />
 			</div>
-			<h4>{getFormatAmount(amount, side.token.decimals)}</h4>
+			<h4>{numberToFormatString(Number(addingTokenDecimals(amount, side.token.decimals)), 4, true)}</h4>
 		</div>
 	)
 }
diff --git a/src/hooks/useTracking.tsx b/src/hooks/useTracking.tsx
@@ -36,7 +36,7 @@ export const useTracking = () => {
 				label: 'Wallet Connected',
 			})
 		}
-	}, [address, isConnected])
+	}, [isConnected])
 
 	// Use callbacks to reference the standalone functions
 	const memoizedTrackTransaction = useCallback(trackTransaction, [])