1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-11-15 01:34:57 +01:00

error feedback

This commit is contained in:
Matthias Kretschmann 2020-10-15 14:09:02 +02:00
parent 5a7955f7aa
commit d70ebba20d
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 14 additions and 7 deletions

View File

@ -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 {

View File

@ -14,6 +14,10 @@
text-align: center;
}
.addInput div[class*='field'] {
margin-bottom: 0;
}
.buttonMax {
position: absolute;
font-size: var(--font-size-mini);

View File

@ -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)