2024-03-30 19:27:18 +01:00
|
|
|
'use client'
|
|
|
|
|
|
|
|
import { ratioOceanToAsi, ratioAgixToAsi, ratioFetToAsi } from '@/constants'
|
|
|
|
import styles from './CalculationBase.module.css'
|
|
|
|
import { usePrices } from '@/hooks'
|
|
|
|
|
|
|
|
export function CalculationBase() {
|
2024-03-31 05:32:11 +02:00
|
|
|
const { prices } = usePrices()
|
2024-03-30 19:27:18 +01:00
|
|
|
|
|
|
|
return (
|
|
|
|
<ul className={styles.calculationBase}>
|
|
|
|
<li>
|
|
|
|
1 ASI
|
|
|
|
<br />= ${prices.asi}
|
|
|
|
</li>
|
2024-03-30 23:10:36 +01:00
|
|
|
<li>
|
|
|
|
1 Fet = {ratioFetToAsi} ASI
|
|
|
|
<span className={styles.label}>fixed</span>
|
|
|
|
<br />= ${prices.fet}
|
|
|
|
</li>
|
2024-03-30 19:27:18 +01:00
|
|
|
<li>
|
|
|
|
1 OCEAN = {ratioOceanToAsi} ASI
|
|
|
|
<span className={styles.label}>fixed</span>
|
|
|
|
<br />= ${prices.ocean}
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
1 AGIX = {ratioAgixToAsi} ASI
|
|
|
|
<span className={styles.label}>fixed</span>
|
|
|
|
<br />= ${prices.agix}
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
)
|
|
|
|
}
|