oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

error feedback

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/atoms/Input/index.module.css
View File

@ -13,12 +13,17 @@
} }
.error { .error {
font-size: var(--font-size-small); display: inline-block;
color: var(--brand-alert-red); 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; position: absolute;
text-align: right;
right: 0; right: 0;
top: 0; bottom: -0.75rem;
z-index: 1;
} }
.hasError label { .hasError label {

4
src/components/organisms/AssetActions/Pool/Add.module.css
View File

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

4
src/components/organisms/AssetActions/Pool/Add.tsx
View File

@ -3,7 +3,6 @@ import styles from './Add.module.css'
import { useOcean } from '@oceanprotocol/react' import { useOcean } from '@oceanprotocol/react'
import Header from './Header' import Header from './Header'
import { toast } from 'react-toastify' import { toast } from 'react-toastify'
import InputElement from '../../../atoms/Input/InputElement'
import Button from '../../../atoms/Button' import Button from '../../../atoms/Button'
import Token from './Token' import Token from './Token'
import { Balance } from './' import { Balance } from './'
@ -40,7 +39,7 @@ const contentQuery = graphql`
` `
const initialValues: Partial<{ amount: number }> = { const initialValues: Partial<{ amount: number }> = {
amount: 1 amount: undefined
} }
export default function Add({ export default function Add({
@ -147,7 +146,6 @@ export default function Add({
initialValues={initialValues} initialValues={initialValues}
validationSchema={validationSchema} validationSchema={validationSchema}
onSubmit={async (values, { setSubmitting, resetForm }) => { onSubmit={async (values, { setSubmitting, resetForm }) => {
console.log('Hello')
// kick off // kick off
await handleAddLiquidity(values.amount, resetForm) await handleAddLiquidity(values.amount, resetForm)
setSubmitting(false) setSubmitting(false)