1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
This commit is contained in:
Matthias Kretschmann 2020-10-21 14:58:36 +02:00
parent b48435788c
commit f10859dfad
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 20 additions and 4 deletions

View File

@ -3,7 +3,10 @@
"empty": { "empty": {
"title": "No Price Created", "title": "No Price Created",
"info": "This data set has no price yet. As the publisher you can create a fixed price, or a dynamic price for it. Onwards!", "info": "This data set has no price yet. As the publisher you can create a fixed price, or a dynamic price for it. Onwards!",
"action": "Create Pricing" "action": {
"name": "Create Pricing",
"help": "Create Pricing will mint your datatokens, approve spending, and create either a pool or a fixed rate exchange in one process. You will need to approve those multiple steps in your wallet."
}
}, },
"fixed": { "fixed": {
"title": "Fixed", "title": "Fixed",

View File

@ -39,3 +39,9 @@
margin-left: calc(var(--spacer) / 2); margin-left: calc(var(--spacer) / 2);
margin-right: calc(var(--spacer) / 2); margin-right: calc(var(--spacer) / 2);
} }
.actionsHelp {
margin-top: calc(var(--spacer) / 2);
padding-left: var(--spacer);
padding-right: var(--spacer);
}

View File

@ -8,6 +8,7 @@ import { useUserPreferences } from '../../../../../providers/UserPreferences'
import { PriceOptionsMarket } from '../../../../../@types/MetaData' import { PriceOptionsMarket } from '../../../../../@types/MetaData'
import Button from '../../../../atoms/Button' import Button from '../../../../atoms/Button'
import { DDO } from '@oceanprotocol/lib' import { DDO } from '@oceanprotocol/lib'
import FormHelp from '../../../../atoms/Input/Help'
export default function FormPricing({ export default function FormPricing({
ddo, ddo,
@ -57,11 +58,14 @@ export default function FormPricing({
<div className={styles.actions}> <div className={styles.actions}>
<Button style="primary" onClick={() => submitForm()}> <Button style="primary" onClick={() => submitForm()}>
{content.empty.action} {content.empty.action.name}
</Button> </Button>
<Button style="text" size="small" onClick={() => setShowPricing(false)}> <Button style="text" size="small" onClick={() => setShowPricing(false)}>
Cancel Cancel
</Button> </Button>
<FormHelp className={styles.actionsHelp}>
{content.empty.action.help}
</FormHelp>
</div> </div>
{debug === true && ( {debug === true && (

View File

@ -21,7 +21,10 @@ const query = graphql`
empty { empty {
title title
info info
action action {
name
help
}
} }
fixed { fixed {
title title
@ -122,7 +125,7 @@ export default function Pricing({ ddo }: { ddo: DDO }): ReactElement {
title={content.empty.title} title={content.empty.title}
text={content.empty.info} text={content.empty.info}
action={{ action={{
name: content.empty.action, name: content.empty.action.name,
handleAction: handleShowPricingForm handleAction: handleShowPricingForm
}} }}
/> />