mirror of
https://github.com/kremalicious/asi-calculator.git
synced 2024-12-23 01:39:40 +01:00
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
'use client'
|
|
|
|
import { ratioOceanToAsi, ratioAgixToAsi, ratioFetToAsi } from '@/constants'
|
|
import { usePrices, Price } from '@/features/prices'
|
|
import { Badge } from '@/components'
|
|
import styles from './MarketData.module.css'
|
|
|
|
export function MarketData() {
|
|
const { prices } = usePrices()
|
|
|
|
return (
|
|
<ul className={styles.marketData}>
|
|
<li>
|
|
<p>1 ASI</p>
|
|
<Price price={prices.asi} />
|
|
</li>
|
|
<li>
|
|
<p>
|
|
1 Fet = {ratioFetToAsi} ASI
|
|
<Badge>fixed</Badge>
|
|
</p>
|
|
<Price price={prices.fet} />
|
|
</li>
|
|
<li>
|
|
<p>
|
|
1 OCEAN ={' '}
|
|
<span title={`${ratioOceanToAsi}`}>{ratioOceanToAsi.toFixed(6)}</span>{' '}
|
|
ASI
|
|
<Badge>fixed</Badge>
|
|
</p>
|
|
<Price price={prices.ocean} />
|
|
</li>
|
|
<li>
|
|
<p>
|
|
1 AGIX ={' '}
|
|
<span title={`${ratioAgixToAsi}`}>{ratioAgixToAsi.toFixed(5)}</span>{' '}
|
|
ASI
|
|
<Badge>fixed</Badge>
|
|
</p>
|
|
<Price price={prices.agix} />
|
|
</li>
|
|
</ul>
|
|
)
|
|
}
|