diff --git a/src/components/atoms/Price/PriceUnit.tsx b/src/components/atoms/Price/PriceUnit.tsx index ca6ab0d06..e91cd970c 100644 --- a/src/components/atoms/Price/PriceUnit.tsx +++ b/src/components/atoms/Price/PriceUnit.tsx @@ -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) diff --git a/src/components/organisms/AssetActions/Compute/FormComputeDataset.tsx b/src/components/organisms/AssetActions/Compute/FormComputeDataset.tsx index 262a7eab2..7a2196698 100644 --- a/src/components/organisms/AssetActions/Compute/FormComputeDataset.tsx +++ b/src/components/organisms/AssetActions/Compute/FormComputeDataset.tsx @@ -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} /> diff --git a/src/components/organisms/AssetActions/Compute/PriceOutput.tsx b/src/components/organisms/AssetActions/Compute/PriceOutput.tsx index 311c5db00..05a821f19 100644 --- a/src/components/organisms/AssetActions/Compute/PriceOutput.tsx +++ b/src/components/organisms/AssetActions/Compute/PriceOutput.tsx @@ -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({
@@ -54,6 +58,7 @@ export default function PriceOutput({ hasPreviousOrder, hasDatatoken, assetTimeout, + symbol, hasPreviousOrderSelectedComputeAsset, hasDatatokenSelectedComputeAsset, algorithmPrice, @@ -63,7 +68,7 @@ export default function PriceOutput({ return (
- You will pay + You will pay @@ -72,15 +77,17 @@ export default function PriceOutput({ hasDatatoken={hasDatatoken} price={price?.value} timeout={assetTimeout} + symbol={symbol} /> - +
} /> diff --git a/src/components/organisms/AssetActions/Compute/index.tsx b/src/components/organisms/AssetActions/Compute/index.tsx index 7ce7a099c..6bbfe4264 100644 --- a/src/components/organisms/AssetActions/Compute/index.tsx +++ b/src/components/organisms/AssetActions/Compute/index.tsx @@ -448,6 +448,7 @@ export default function Compute({ assetTimeout={datasetTimeout} hasPreviousOrderSelectedComputeAsset={hasPreviousAlgorithmOrder} hasDatatokenSelectedComputeAsset={hasAlgoAssetDatatoken} + oceanSymbol={price ? price.oceanSymbol : ''} dtSymbolSelectedComputeAsset={ selectedAlgorithmAsset?.dataTokenInfo?.symbol }