mirror of
https://github.com/oceanprotocol/market.git
synced 2024-11-15 01:34:57 +01:00
error feedback
This commit is contained in:
parent
5a7955f7aa
commit
d70ebba20d
@ -13,12 +13,17 @@
|
||||
}
|
||||
|
||||
.error {
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--brand-alert-red);
|
||||
display: inline-block;
|
||||
font-size: var(--font-size-mini);
|
||||
font-weight: var(--font-weight-bold);
|
||||
color: var(--brand-white);
|
||||
background: var(--brand-alert-red);
|
||||
border-radius: var(--border-radius);
|
||||
padding: 0 0.4rem;
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: -0.75rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.hasError label {
|
||||
|
@ -14,6 +14,10 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.addInput div[class*='field'] {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.buttonMax {
|
||||
position: absolute;
|
||||
font-size: var(--font-size-mini);
|
||||
|
@ -3,7 +3,6 @@ import styles from './Add.module.css'
|
||||
import { useOcean } from '@oceanprotocol/react'
|
||||
import Header from './Header'
|
||||
import { toast } from 'react-toastify'
|
||||
import InputElement from '../../../atoms/Input/InputElement'
|
||||
import Button from '../../../atoms/Button'
|
||||
import Token from './Token'
|
||||
import { Balance } from './'
|
||||
@ -40,7 +39,7 @@ const contentQuery = graphql`
|
||||
`
|
||||
|
||||
const initialValues: Partial<{ amount: number }> = {
|
||||
amount: 1
|
||||
amount: undefined
|
||||
}
|
||||
|
||||
export default function Add({
|
||||
@ -147,7 +146,6 @@ export default function Add({
|
||||
initialValues={initialValues}
|
||||
validationSchema={validationSchema}
|
||||
onSubmit={async (values, { setSubmitting, resetForm }) => {
|
||||
console.log('Hello')
|
||||
// kick off
|
||||
await handleAddLiquidity(values.amount, resetForm)
|
||||
setSubmitting(false)
|
||||
|
Loading…
Reference in New Issue
Block a user