diff --git a/apps/frontend/CHANGELOG.md b/apps/frontend/CHANGELOG.md index d7a61d815..88ebd27da 100644 --- a/apps/frontend/CHANGELOG.md +++ b/apps/frontend/CHANGELOG.md @@ -1,5 +1,25 @@ # frontend +## 1.1.21 + +### Patch Changes + +- 5f000110: SOV-4453: Fixed issue with Portfolio page crashing on RSK chain +- Updated dependencies [5f000110] + - @sovryn/sdex@0.3.14 + +## 1.1.20 + +### Patch Changes + +- b8351846: SOV-4388: Fix USD prices on Portfolio page +- 6d7e3402: feat: pull TVL and 24 hour volume from Sovryn Indexer +- 2136f594: SOV-4393: Fix deposit button on Market Making page +- 8ce58dc6: SOV-4344: consolidate spice leaderboard +- Updated dependencies [d9898545] +- Updated dependencies [e9a94007] + - @sovryn/ui@1.0.30 + ## 1.1.19 ### Patch Changes diff --git a/apps/frontend/package.json b/apps/frontend/package.json index 19f7245ac..4d98ad1a5 100644 --- a/apps/frontend/package.json +++ b/apps/frontend/package.json @@ -1,6 +1,6 @@ { "name": "frontend", - "version": "1.1.19", + "version": "1.1.21", "homepage": ".", "private": true, "dependencies": { diff --git a/apps/frontend/src/app/2_molecules/NativeTokenAmount/NativeTokenAmount.tsx b/apps/frontend/src/app/2_molecules/NativeTokenAmount/NativeTokenAmount.tsx new file mode 100644 index 000000000..48de10300 --- /dev/null +++ b/apps/frontend/src/app/2_molecules/NativeTokenAmount/NativeTokenAmount.tsx @@ -0,0 +1,39 @@ +import React, { FC, useMemo } from 'react'; + +import { getCurrencyPrecision } from '../../5_pages/PortfolioPage/components/ProtocolSection/ProtocolSection.utils'; +import { useGetNativeTokenPrice } from '../../../hooks/useGetNativeTokenPrice'; +import { decimalic } from '../../../utils/math'; +import { AmountRenderer } from '../AmountRenderer/AmountRenderer'; + +type NativeTokenAmountProps = { + usdValue?: string | number; + dataAttribute?: string; + precision?: number; +}; + +export const NativeTokenAmount: FC = ({ + usdValue, + dataAttribute, + precision, +}) => { + const { price: nativeTokenPrice, nativeToken } = useGetNativeTokenPrice(); + + const value = useMemo( + () => + !!Number(nativeTokenPrice) + ? decimalic(usdValue || 0) + .div(nativeTokenPrice) + .toString() + : '0', + [nativeTokenPrice, usdValue], + ); + + return ( + + ); +}; diff --git a/apps/frontend/src/app/3_organisms/Header/Header.tsx b/apps/frontend/src/app/3_organisms/Header/Header.tsx index 9f8e01206..db16572b2 100644 --- a/apps/frontend/src/app/3_organisms/Header/Header.tsx +++ b/apps/frontend/src/app/3_organisms/Header/Header.tsx @@ -71,7 +71,7 @@ export const Header: FC = () => { {isBobChain(chainId) && (