From f8fd5bb76fee4b61679c292efe23bd627bfd5b57 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 26 Aug 2020 20:36:18 +0200
Subject: [PATCH] cleanup

---
 src/components/organisms/AssetActions/Pool/Add.module.css | 8 ++++++++
 src/components/organisms/AssetActions/Pool/Add.tsx        | 8 ++------
 src/components/organisms/AssetActions/Pool/Header.tsx     | 2 +-
 src/components/organisms/AssetActions/Pool/Remove.tsx     | 1 -
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/organisms/AssetActions/Pool/Add.module.css b/src/components/organisms/AssetActions/Pool/Add.module.css
index 50e1b7af4..62b25c622 100644
--- a/src/components/organisms/AssetActions/Pool/Add.module.css
+++ b/src/components/organisms/AssetActions/Pool/Add.module.css
@@ -19,3 +19,11 @@
   transform: scale(0.7);
   transform-origin: right center;
 }
+
+.output {
+  text-align: center;
+}
+
+.output p {
+  font-weight: var(--font-weight-bold);
+}
diff --git a/src/components/organisms/AssetActions/Pool/Add.tsx b/src/components/organisms/AssetActions/Pool/Add.tsx
index 64f39395d..eac808ef5 100644
--- a/src/components/organisms/AssetActions/Pool/Add.tsx
+++ b/src/components/organisms/AssetActions/Pool/Add.tsx
@@ -11,10 +11,6 @@ import Token from './Token'
 import { Balance } from './'
 import PriceUnit from '../../../atoms/Price/PriceUnit'
 
-function calculatePercent(percent: number, num: number) {
-  return (percent / 100) * num
-}
-
 export default function Add({
   setShowAdd,
   poolAddress,
@@ -80,8 +76,8 @@ export default function Add({
         />
       </div>
 
-      <div>
-        <p>You will receive:</p>
+      <div className={styles.output}>
+        <p>You will receive</p>
         <Token symbol="BPT" balance={newPoolTokens} />
         <Token symbol="% of pool" balance={newPoolShare} />
       </div>
diff --git a/src/components/organisms/AssetActions/Pool/Header.tsx b/src/components/organisms/AssetActions/Pool/Header.tsx
index f0811fa6d..a27fda5f0 100644
--- a/src/components/organisms/AssetActions/Pool/Header.tsx
+++ b/src/components/organisms/AssetActions/Pool/Header.tsx
@@ -7,7 +7,7 @@ export default function Header({
   backAction
 }: {
   title: string
-  backAction: () => any
+  backAction: () => void
 }): ReactElement {
   return (
     <header className={styles.header}>
diff --git a/src/components/organisms/AssetActions/Pool/Remove.tsx b/src/components/organisms/AssetActions/Pool/Remove.tsx
index 8d57c9b24..28fe2f932 100644
--- a/src/components/organisms/AssetActions/Pool/Remove.tsx
+++ b/src/components/organisms/AssetActions/Pool/Remove.tsx
@@ -2,7 +2,6 @@ import React, { ReactElement, useState, ChangeEvent } from 'react'
 import styles from './Remove.module.css'
 import stylesIndex from './index.module.css'
 import Button from '../../../atoms/Button'
-import Input from '../../../atoms/Input'
 import { useOcean } from '@oceanprotocol/react'
 import Header from './Header'
 import { toast } from 'react-toastify'