mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
output form titles
This commit is contained in:
parent
82a12a915d
commit
41fd894ce6
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"title": "Publish",
|
"title": "Publish an Alorithm",
|
||||||
"data": [
|
"data": [
|
||||||
{
|
{
|
||||||
"name": "name",
|
"name": "name",
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"title": "Publish",
|
"title": "Publish a Data Set",
|
||||||
"data": [
|
"data": [
|
||||||
{
|
{
|
||||||
"name": "name",
|
"name": "name",
|
||||||
|
@ -7,6 +7,7 @@ import Input from '../../atoms/Input'
|
|||||||
import Button from '../../atoms/Button'
|
import Button from '../../atoms/Button'
|
||||||
import { FormContent, FormFieldProps } from '../../../@types/Form'
|
import { FormContent, FormFieldProps } from '../../../@types/Form'
|
||||||
import { MetadataPublishFormAlgorithm } from '../../../@types/MetaData'
|
import { MetadataPublishFormAlgorithm } from '../../../@types/MetaData'
|
||||||
|
import stylesIndex from './index.module.css'
|
||||||
|
|
||||||
const query = graphql`
|
const query = graphql`
|
||||||
query {
|
query {
|
||||||
@ -124,6 +125,7 @@ export default function FormPublish(): ReactElement {
|
|||||||
// do we need this?
|
// do we need this?
|
||||||
onChange={() => status === 'empty' && setStatus(null)}
|
onChange={() => status === 'empty' && setStatus(null)}
|
||||||
>
|
>
|
||||||
|
<h2 className={stylesIndex.formTitle}>{content.title}</h2>
|
||||||
{content.data.map((field: FormFieldProps) => (
|
{content.data.map((field: FormFieldProps) => (
|
||||||
<Field
|
<Field
|
||||||
key={field.name}
|
key={field.name}
|
||||||
|
@ -7,6 +7,7 @@ import Input from '../../atoms/Input'
|
|||||||
import Button from '../../atoms/Button'
|
import Button from '../../atoms/Button'
|
||||||
import { FormContent, FormFieldProps } from '../../../@types/Form'
|
import { FormContent, FormFieldProps } from '../../../@types/Form'
|
||||||
import { MetadataPublishFormDataset } from '../../../@types/MetaData'
|
import { MetadataPublishFormDataset } from '../../../@types/MetaData'
|
||||||
|
import stylesIndex from './index.module.css'
|
||||||
|
|
||||||
const query = graphql`
|
const query = graphql`
|
||||||
query {
|
query {
|
||||||
@ -82,6 +83,7 @@ export default function FormPublish(): ReactElement {
|
|||||||
// do we need this?
|
// do we need this?
|
||||||
onChange={() => status === 'empty' && setStatus(null)}
|
onChange={() => status === 'empty' && setStatus(null)}
|
||||||
>
|
>
|
||||||
|
<h2 className={stylesIndex.formTitle}>{content.title}</h2>
|
||||||
{content.data.map((field: FormFieldProps) => (
|
{content.data.map((field: FormFieldProps) => (
|
||||||
<Field
|
<Field
|
||||||
key={field.name}
|
key={field.name}
|
||||||
|
@ -26,3 +26,7 @@ div.alert {
|
|||||||
top: calc(var(--spacer) / 2);
|
top: calc(var(--spacer) / 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.formTitle {
|
||||||
|
font-size: var(--font-size-h4);
|
||||||
|
}
|
||||||
|
@ -39,9 +39,7 @@ function TabContent({
|
|||||||
values
|
values
|
||||||
}: {
|
}: {
|
||||||
publishType: MetadataMain['type']
|
publishType: MetadataMain['type']
|
||||||
values:
|
values: Partial<MetadataPublishFormAlgorithm | MetadataPublishFormDataset>
|
||||||
| Partial<MetadataPublishFormDataset>
|
|
||||||
| Partial<MetadataPublishFormAlgorithm>
|
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<article className={styles.grid}>
|
<article className={styles.grid}>
|
||||||
|
Loading…
Reference in New Issue
Block a user