mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
add/remove inputs
This commit is contained in:
parent
63fe171dd7
commit
5e61123669
@ -1,2 +1,7 @@
|
||||
.add {
|
||||
}
|
||||
|
||||
.addInput {
|
||||
max-width: 12rem;
|
||||
margin: 0 auto var(--spacer) auto;
|
||||
}
|
||||
|
@ -7,6 +7,7 @@ import { useOcean } from '@oceanprotocol/react'
|
||||
import Header from './Header'
|
||||
import Loader from '../../../atoms/Loader'
|
||||
import { toast } from 'react-toastify'
|
||||
import InputElement from '../../../atoms/Input/InputElement'
|
||||
|
||||
export default function Add({
|
||||
setShowAdd,
|
||||
@ -47,14 +48,16 @@ export default function Add({
|
||||
<div className={styles.add}>
|
||||
<Header title="Add Liquidity" backAction={() => setShowAdd(false)} />
|
||||
|
||||
<Input
|
||||
name="ocean"
|
||||
label="OCEAN"
|
||||
type="number"
|
||||
placeholder="0"
|
||||
onChange={handleAmountChange}
|
||||
/>
|
||||
{/* <Input name="dt" label={dtSymbol} type="number" placeholder="0" /> */}
|
||||
<div className={styles.addInput}>
|
||||
<InputElement
|
||||
value={amount}
|
||||
name="ocean"
|
||||
type="number"
|
||||
prefix="OCEAN"
|
||||
placeholder="0"
|
||||
onChange={handleAmountChange}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<p>You will receive:</p>
|
||||
|
||||
|
@ -0,0 +1,4 @@
|
||||
.removeInput {
|
||||
max-width: 12rem;
|
||||
margin: 0 auto var(--spacer) auto;
|
||||
}
|
@ -7,6 +7,7 @@ import { useOcean } from '@oceanprotocol/react'
|
||||
import Header from './Header'
|
||||
import { toast } from 'react-toastify'
|
||||
import Loader from '../../../atoms/Loader'
|
||||
import InputElement from '../../../atoms/Input/InputElement'
|
||||
|
||||
export default function Remove({
|
||||
setShowRemove,
|
||||
@ -51,13 +52,17 @@ export default function Remove({
|
||||
backAction={() => setShowRemove(false)}
|
||||
/>
|
||||
|
||||
<Input
|
||||
name="ocean"
|
||||
label="OCEAN"
|
||||
type="number"
|
||||
placeholder="0"
|
||||
onChange={handleAmountChange}
|
||||
/>
|
||||
<div className={styles.removeInput}>
|
||||
<InputElement
|
||||
value={amount}
|
||||
name="ocean"
|
||||
type="number"
|
||||
prefix="OCEAN"
|
||||
placeholder="0"
|
||||
onChange={handleAmountChange}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* <Input name="dt" label={dtSymbol} type="number" placeholder="0" /> */}
|
||||
|
||||
<p>You will receive:</p>
|
||||
|
Loading…
Reference in New Issue
Block a user