output form titles

content/pages/form-algorithm.json

@@ -1,5 +1,5 @@
 {
-  "title": "Publish",
+  "title": "Publish an Alorithm",
   "data": [
     {
       "name": "name",

content/pages/form-dataset.json

@@ -1,5 +1,5 @@
 {
-  "title": "Publish",
+  "title": "Publish a Data Set",
   "data": [
     {
       "name": "name",

src/components/pages/Publish/FormAlgoPublish.tsx

@@ -7,6 +7,7 @@ import Input from '../../atoms/Input'
 import Button from '../../atoms/Button'
 import { FormContent, FormFieldProps } from '../../../@types/Form'
 import { MetadataPublishFormAlgorithm } from '../../../@types/MetaData'
+import stylesIndex from './index.module.css'
 
 const query = graphql`
   query {
@@ -124,6 +125,7 @@ export default function FormPublish(): ReactElement {
       // do we need this?
       onChange={() => status === 'empty' && setStatus(null)}
     >
+      <h2 className={stylesIndex.formTitle}>{content.title}</h2>
       {content.data.map((field: FormFieldProps) => (
         <Field
           key={field.name}

src/components/pages/Publish/FormPublish.tsx

@@ -7,6 +7,7 @@ import Input from '../../atoms/Input'
 import Button from '../../atoms/Button'
 import { FormContent, FormFieldProps } from '../../../@types/Form'
 import { MetadataPublishFormDataset } from '../../../@types/MetaData'
+import stylesIndex from './index.module.css'
 
 const query = graphql`
   query {
@@ -82,6 +83,7 @@ export default function FormPublish(): ReactElement {
       // do we need this?
       onChange={() => status === 'empty' && setStatus(null)}
     >
+      <h2 className={stylesIndex.formTitle}>{content.title}</h2>
       {content.data.map((field: FormFieldProps) => (
         <Field
           key={field.name}

src/components/pages/Publish/index.module.css

@@ -26,3 +26,7 @@ div.alert {
     top: calc(var(--spacer) / 2);
   }
 }
+
+.formTitle {
+  font-size: var(--font-size-h4);
+}

src/components/pages/Publish/index.tsx

@@ -39,9 +39,7 @@ function TabContent({
   values
 }: {
   publishType: MetadataMain['type']
-  values:
-    | Partial<MetadataPublishFormDataset>
-    | Partial<MetadataPublishFormAlgorithm>
+  values: Partial<MetadataPublishFormAlgorithm | MetadataPublishFormDataset>
 }) {
   return (
     <article className={styles.grid}>