cleanup

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);
+}

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>

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}>

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'