From 49bb90865be9affdbbb5c8bb7e4162132b181be0 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 20 Aug 2020 10:55:17 +0200
Subject: [PATCH] add conversion

---
 src/components/atoms/Price/Conversion.tsx             | 2 +-
 src/components/organisms/AssetActions/Pool/Remove.tsx | 2 +-
 src/components/organisms/AssetActions/Pool/index.tsx  | 3 +++
 src/components/organisms/AssetContent/MetaFull.tsx    | 2 +-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/atoms/Price/Conversion.tsx b/src/components/atoms/Price/Conversion.tsx
index 30a29d895..1daa3354f 100644
--- a/src/components/atoms/Price/Conversion.tsx
+++ b/src/components/atoms/Price/Conversion.tsx
@@ -61,7 +61,7 @@ export default function Conversion({
       className={styleClasses}
       title="Approximation based on current spot price on Coingecko"
     >
-      ≈ EUR {priceEur}
+      ≈ {priceEur} EUR
     </span>
   )
 }
diff --git a/src/components/organisms/AssetActions/Pool/Remove.tsx b/src/components/organisms/AssetActions/Pool/Remove.tsx
index b5c2de428..44eea2424 100644
--- a/src/components/organisms/AssetActions/Pool/Remove.tsx
+++ b/src/components/organisms/AssetActions/Pool/Remove.tsx
@@ -71,7 +71,7 @@ export default function Remove({
             size="small"
             onClick={() => handleRemoveLiquidity()}
           >
-            Supply
+            Remove
           </Button>
         )}
       </div>
diff --git a/src/components/organisms/AssetActions/Pool/index.tsx b/src/components/organisms/AssetActions/Pool/index.tsx
index a549d1601..881c50d2d 100644
--- a/src/components/organisms/AssetActions/Pool/index.tsx
+++ b/src/components/organisms/AssetActions/Pool/index.tsx
@@ -9,6 +9,8 @@ import Button from '../../../atoms/Button'
 import Add from './Add'
 import Remove from './Remove'
 import Tooltip from '../../../atoms/Tooltip'
+import Conversion from '../../../atoms/Price/Conversion'
+import { ReactComponent as External } from '../../../../images/external.svg'
 
 interface Balance {
   ocean: string
@@ -95,6 +97,7 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
           <div className={styles.dataToken}>
             <PriceUnit price="1" symbol={dtSymbol} /> ={' '}
             <PriceUnit price={dtPrice} />
+            <Conversion price={dtPrice} />
             <Tooltip content="Explain how this price is determined..." />
           </div>
 
diff --git a/src/components/organisms/AssetContent/MetaFull.tsx b/src/components/organisms/AssetContent/MetaFull.tsx
index bedc80ea4..f3f954c07 100644
--- a/src/components/organisms/AssetContent/MetaFull.tsx
+++ b/src/components/organisms/AssetContent/MetaFull.tsx
@@ -32,7 +32,7 @@ export default function MetaFull({
       <MetaItem title="DID" content={<code>{id}</code>} />
 
       <MetaItem
-        title="Data Token Address"
+        title="Data Token"
         content={
           <a
             href={`https://rinkeby.etherscan.io/token/${dataToken}`}