From 41fd894ce6f0516bca7e095e7e060734e5a14cbb Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 22 Feb 2021 16:28:56 +0100
Subject: [PATCH] output form titles

---
 content/pages/form-algorithm.json                | 2 +-
 content/pages/form-dataset.json                  | 2 +-
 src/components/pages/Publish/FormAlgoPublish.tsx | 2 ++
 src/components/pages/Publish/FormPublish.tsx     | 2 ++
 src/components/pages/Publish/index.module.css    | 4 ++++
 src/components/pages/Publish/index.tsx           | 4 +---
 6 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/content/pages/form-algorithm.json b/content/pages/form-algorithm.json
index b4cf7bac0..7ad1f8895 100644
--- a/content/pages/form-algorithm.json
+++ b/content/pages/form-algorithm.json
@@ -1,5 +1,5 @@
 {
-  "title": "Publish",
+  "title": "Publish an Alorithm",
   "data": [
     {
       "name": "name",
diff --git a/content/pages/form-dataset.json b/content/pages/form-dataset.json
index 6f85d26e4..8e9682778 100644
--- a/content/pages/form-dataset.json
+++ b/content/pages/form-dataset.json
@@ -1,5 +1,5 @@
 {
-  "title": "Publish",
+  "title": "Publish a Data Set",
   "data": [
     {
       "name": "name",
diff --git a/src/components/pages/Publish/FormAlgoPublish.tsx b/src/components/pages/Publish/FormAlgoPublish.tsx
index 6757c800e..045af21f4 100644
--- a/src/components/pages/Publish/FormAlgoPublish.tsx
+++ b/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}
diff --git a/src/components/pages/Publish/FormPublish.tsx b/src/components/pages/Publish/FormPublish.tsx
index 189f2bc26..96e67e66e 100644
--- a/src/components/pages/Publish/FormPublish.tsx
+++ b/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}
diff --git a/src/components/pages/Publish/index.module.css b/src/components/pages/Publish/index.module.css
index 162f5a277..f15964a24 100644
--- a/src/components/pages/Publish/index.module.css
+++ b/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);
+}
diff --git a/src/components/pages/Publish/index.tsx b/src/components/pages/Publish/index.tsx
index bb8cd99f9..1c85bf02b 100644
--- a/src/components/pages/Publish/index.tsx
+++ b/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}>