mirror of
https://github.com/oceanprotocol/market.git
synced 2024-06-26 03:06:49 +02:00
display ocean symbol on compute job price (#913)
This commit is contained in:
parent
46a16a3043
commit
f4746e8a77
|
@ -4,7 +4,6 @@ import classNames from 'classnames/bind'
|
|||
import Conversion from './Conversion'
|
||||
import styles from './PriceUnit.module.css'
|
||||
import { useUserPreferences } from '../../../providers/UserPreferences'
|
||||
import { useOcean } from '../../../providers/Ocean'
|
||||
import Badge from '../Badge'
|
||||
|
||||
const cx = classNames.bind(styles)
|
||||
|
|
|
@ -58,6 +58,7 @@ export default function FormStartCompute({
|
|||
assetTimeout,
|
||||
hasPreviousOrderSelectedComputeAsset,
|
||||
hasDatatokenSelectedComputeAsset,
|
||||
oceanSymbol,
|
||||
dtSymbolSelectedComputeAsset,
|
||||
dtBalanceSelectedComputeAsset,
|
||||
selectedComputeAssetLowPoolLiquidity,
|
||||
|
@ -81,6 +82,7 @@ export default function FormStartCompute({
|
|||
assetTimeout: string
|
||||
hasPreviousOrderSelectedComputeAsset?: boolean
|
||||
hasDatatokenSelectedComputeAsset?: boolean
|
||||
oceanSymbol?: string
|
||||
dtSymbolSelectedComputeAsset?: string
|
||||
dtBalanceSelectedComputeAsset?: string
|
||||
selectedComputeAssetLowPoolLiquidity?: boolean
|
||||
|
@ -179,6 +181,7 @@ export default function FormStartCompute({
|
|||
selectedComputeAssetTimeout={selectedComputeAssetTimeout}
|
||||
hasDatatokenSelectedComputeAsset={hasDatatokenSelectedComputeAsset}
|
||||
algorithmPrice={algorithmPrice}
|
||||
symbol={oceanSymbol}
|
||||
totalPrice={totalPrice}
|
||||
/>
|
||||
|
||||
|
|
|
@ -9,6 +9,7 @@ interface PriceOutputProps {
|
|||
totalPrice: number
|
||||
hasPreviousOrder: boolean
|
||||
hasDatatoken: boolean
|
||||
symbol: string
|
||||
assetTimeout: string
|
||||
hasPreviousOrderSelectedComputeAsset: boolean
|
||||
hasDatatokenSelectedComputeAsset: boolean
|
||||
|
@ -20,12 +21,14 @@ function Row({
|
|||
price,
|
||||
hasPreviousOrder,
|
||||
hasDatatoken,
|
||||
symbol,
|
||||
timeout,
|
||||
sign
|
||||
}: {
|
||||
price: number
|
||||
hasPreviousOrder?: boolean
|
||||
hasDatatoken?: boolean
|
||||
symbol?: string
|
||||
timeout?: string
|
||||
sign?: string
|
||||
}) {
|
||||
|
@ -35,6 +38,7 @@ function Row({
|
|||
<div>
|
||||
<PriceUnit
|
||||
price={hasPreviousOrder || hasDatatoken ? '0' : `${price}`}
|
||||
symbol={symbol}
|
||||
small
|
||||
className={styles.price}
|
||||
/>
|
||||
|
@ -54,6 +58,7 @@ export default function PriceOutput({
|
|||
hasPreviousOrder,
|
||||
hasDatatoken,
|
||||
assetTimeout,
|
||||
symbol,
|
||||
hasPreviousOrderSelectedComputeAsset,
|
||||
hasDatatokenSelectedComputeAsset,
|
||||
algorithmPrice,
|
||||
|
@ -63,7 +68,7 @@ export default function PriceOutput({
|
|||
|
||||
return (
|
||||
<div className={styles.priceComponent}>
|
||||
You will pay <PriceUnit price={`${totalPrice}`} small />
|
||||
You will pay <PriceUnit price={`${totalPrice}`} symbol={symbol} small />
|
||||
<Tooltip
|
||||
content={
|
||||
<div className={styles.calculation}>
|
||||
|
@ -72,15 +77,17 @@ export default function PriceOutput({
|
|||
hasDatatoken={hasDatatoken}
|
||||
price={price?.value}
|
||||
timeout={assetTimeout}
|
||||
symbol={symbol}
|
||||
/>
|
||||
<Row
|
||||
hasPreviousOrder={hasPreviousOrderSelectedComputeAsset}
|
||||
hasDatatoken={hasDatatokenSelectedComputeAsset}
|
||||
price={algorithmPrice?.value}
|
||||
timeout={selectedComputeAssetTimeout}
|
||||
symbol={symbol}
|
||||
sign="+"
|
||||
/>
|
||||
<Row price={totalPrice} sign="=" />
|
||||
<Row price={totalPrice} symbol={symbol} sign="=" />
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
|
|
|
@ -448,6 +448,7 @@ export default function Compute({
|
|||
assetTimeout={datasetTimeout}
|
||||
hasPreviousOrderSelectedComputeAsset={hasPreviousAlgorithmOrder}
|
||||
hasDatatokenSelectedComputeAsset={hasAlgoAssetDatatoken}
|
||||
oceanSymbol={price ? price.oceanSymbol : ''}
|
||||
dtSymbolSelectedComputeAsset={
|
||||
selectedAlgorithmAsset?.dataTokenInfo?.symbol
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user