1
0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00

form.steps fix, add todos

This commit is contained in:
Matthias Kretschmann 2019-02-28 14:24:04 -03:00
parent 3494e6195b
commit 9069947ca1
Signed by: m
GPG Key ID: 606EEEF3C479A91F

View File

@ -7,7 +7,7 @@ import { User } from '../../context/User'
import Step from './Step'
import Progress from './Progress'
import form from '../../data/form-publish.json'
import { steps } from '../../data/form-publish.json'
type AssetType = 'dataset' | 'algorithm' | 'container' | 'workflow' | 'other'
@ -82,7 +82,7 @@ class Publish extends Component<{}, PublishState> {
private next = () => {
let { currentStep } = this.state
const totalSteps = form.steps.length
const totalSteps = steps.length
currentStep =
currentStep >= totalSteps - 1 ? totalSteps : currentStep + 1
@ -147,7 +147,8 @@ class Publish extends Component<{}, PublishState> {
//
// Step 1
//
// TODO: also validate files with validationStatus[1].files here
// TODO: also validate files with validationStatus[1].files here,
// change event for hidden file input is not working
//
if (validationStatus[1].name) {
this.setState(prevState => ({
@ -166,6 +167,9 @@ class Publish extends Component<{}, PublishState> {
//
// Step 2
//
// TODO: validationStatus[2].categories is not working,
// select change event is not firing
//
if (validationStatus[2].description && validationStatus[2].categories) {
this.setState(prevState => ({
validationStatus: {
@ -183,6 +187,9 @@ class Publish extends Component<{}, PublishState> {
//
// Step 3
//
// TODO: validationStatus[3].license is not working,
// select change event is not firing
//
if (
validationStatus[3].author &&
validationStatus[3].copyrightHolder &&
@ -262,13 +269,10 @@ class Publish extends Component<{}, PublishState> {
title="Publish"
description="Publish a new data set into the Ocean Protocol Network."
>
<Progress
steps={form.steps}
currentStep={this.state.currentStep}
/>
<Progress steps={steps} currentStep={this.state.currentStep} />
<Form onSubmit={this.registerAsset}>
{form.steps.map((step: any, index: number) => (
{steps.map((step: any, index: number) => (
<Step
key={index}
index={index}
@ -281,7 +285,7 @@ class Publish extends Component<{}, PublishState> {
state={this.state}
next={this.next}
prev={this.prev}
totalSteps={form.steps.length}
totalSteps={steps.length}
tryAgain={this.tryAgain}
toStart={this.toStart}
content={step.content}