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

add conversion, tweak default values

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-07-24 09:13:38 +02:00
parent 6e33ad92cb
commit ef02919e5e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/Price/Conversion.module.css
View File

@ -1,6 +1,6 @@
.conversion {
display: inline-block;
font-size: var(--font-size-mini);
font-size: var(--font-size-small);
margin-left: calc(var(--spacer) / 6);
color: var(--color-secondary);
}

2
src/components/molecules/FormFields/Price/index.module.css
View File

@ -25,6 +25,7 @@
.simpleInput {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: calc(var(--spacer) / 2);
}
@ -35,6 +36,7 @@
.prefix {
border: 1px solid var(--brand-grey-lighter);
min-height: 43px;
display: flex;
align-items: center;
padding-left: calc(var(--spacer) / 2);

16
src/components/molecules/FormFields/Price/index.tsx
View File

@ -7,6 +7,7 @@ import { useFormikContext } from 'formik'
import { MetadataPublishForm } from '../../../../@types/MetaData'
import Tabs from '../../../atoms/Tabs'
import FormHelp from '../../../atoms/Input/Help'
import Conversion from '../../../atoms/Price/Conversion'
export default function Price(props: InputProps): ReactElement {
const { values } = useFormikContext()
@ -21,11 +22,14 @@ export default function Price(props: InputProps): ReactElement {
value={
((values as MetadataPublishForm).price &&
(values as MetadataPublishForm).price.cost) ||
''
0
}
name="price.cost"
type="number"
/>
<Conversion
price={(values as MetadataPublishForm).price.cost.toString()}
/>
</div>
<FormHelp>{props.help}</FormHelp>
</div>
@ -38,9 +42,8 @@ export default function Price(props: InputProps): ReactElement {
<InputElement
{...props.field}
value={
((values as MetadataPublishForm).price &&
(values as MetadataPublishForm).price.cost) ||
''
(values as MetadataPublishForm).price &&
((values as MetadataPublishForm).price.cost || 1)
}
name="price.cost"
type="number"
@ -51,9 +54,8 @@ export default function Price(props: InputProps): ReactElement {
<InputElement
{...props.field}
value={
((values as MetadataPublishForm).price &&
(values as MetadataPublishForm).price.tokensToMint) ||
''
(values as MetadataPublishForm).price &&
((values as MetadataPublishForm).price.tokensToMint || 1)
}
name="price.tokensToMint"
type="number"

2
src/components/pages/Publish/validation.ts
View File

@ -28,7 +28,7 @@ export const initialValues: MetadataPublishForm = {
name: '',
author: '',
price: {
cost: 0,
cost: 1,
tokensToMint: null
},
files: '',