pussy-ts/src/containers/warp/components/DepositCreatePool.tsx

import imgSwap from 'images/exchange-arrows.svg';
import { ButtonSwap, InputNumber } from 'src/components';
import TokenSetter from './tokenSetter.new';

function DepositCreatePool({ stateProps, amountChangeHandler }) {
  const {
    accountBalances,
    tokenAAmount,
    tokenBAmount,
    tokenA,
    tokenB,
    setTokenA,
    setTokenB,
    totalSupply,
    tokenChange,
  } = stateProps;

  return (
    <>
      <TokenSetter
        accountBalances={accountBalances}
        balancesByDenom={tokenA}
        token={tokenA}
        totalSupply={totalSupply}
        selected={tokenB}
        onChangeSelect={setTokenA}
        // textLeft={getTextInput.tokenA}
      />
      <InputNumber
        id="tokenAAmount"
        onValueChange={amountChangeHandler}
        value={tokenAAmount}
      />

      <>
        <ButtonSwap
          onClick={() => tokenChange()}
          style={{
            position: 'relative',
            top: 0,
            transform: 'unset',
            left: 0,
            margin: '10px 0',
          }}
        />
        <TokenSetter
          accountBalances={accountBalances}
          balancesByDenom={tokenB}
          token={tokenB}
          totalSupply={totalSupply}
          selected={tokenA}
          onChangeSelect={setTokenB}
          // textLeft={getTextInput.tokenB}
        />
        <InputNumber
          id="tokenBAmount"
          value={tokenBAmount}
          onValueChange={amountChangeHandler}
        />
      </>
    </>
  );
}

export default DepositCreatePool;