From f10859dfad0f8c0483c25659f9c9306b406aa58b Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 21 Oct 2020 14:58:36 +0200
Subject: [PATCH] copy

---
 content/price.json                                         | 5 ++++-
 .../AssetContent/Pricing/FormPricing/index.module.css      | 6 ++++++
 .../organisms/AssetContent/Pricing/FormPricing/index.tsx   | 6 +++++-
 src/components/organisms/AssetContent/Pricing/index.tsx    | 7 +++++--
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/content/price.json b/content/price.json
index 03ca7d6e5..c5362e16d 100644
--- a/content/price.json
+++ b/content/price.json
@@ -3,7 +3,10 @@
     "empty": {
       "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!",
-      "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": {
       "title": "Fixed",
diff --git a/src/components/organisms/AssetContent/Pricing/FormPricing/index.module.css b/src/components/organisms/AssetContent/Pricing/FormPricing/index.module.css
index 50f952281..22058c782 100644
--- a/src/components/organisms/AssetContent/Pricing/FormPricing/index.module.css
+++ b/src/components/organisms/AssetContent/Pricing/FormPricing/index.module.css
@@ -39,3 +39,9 @@
   margin-left: 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);
+}
diff --git a/src/components/organisms/AssetContent/Pricing/FormPricing/index.tsx b/src/components/organisms/AssetContent/Pricing/FormPricing/index.tsx
index a462871a6..811494574 100644
--- a/src/components/organisms/AssetContent/Pricing/FormPricing/index.tsx
+++ b/src/components/organisms/AssetContent/Pricing/FormPricing/index.tsx
@@ -8,6 +8,7 @@ import { useUserPreferences } from '../../../../../providers/UserPreferences'
 import { PriceOptionsMarket } from '../../../../../@types/MetaData'
 import Button from '../../../../atoms/Button'
 import { DDO } from '@oceanprotocol/lib'
+import FormHelp from '../../../../atoms/Input/Help'
 
 export default function FormPricing({
   ddo,
@@ -57,11 +58,14 @@ export default function FormPricing({
 
       <div className={styles.actions}>
         <Button style="primary" onClick={() => submitForm()}>
-          {content.empty.action}
+          {content.empty.action.name}
         </Button>
         <Button style="text" size="small" onClick={() => setShowPricing(false)}>
           Cancel
         </Button>
+        <FormHelp className={styles.actionsHelp}>
+          {content.empty.action.help}
+        </FormHelp>
       </div>
 
       {debug === true && (
diff --git a/src/components/organisms/AssetContent/Pricing/index.tsx b/src/components/organisms/AssetContent/Pricing/index.tsx
index dae7f2102..4cb16589b 100644
--- a/src/components/organisms/AssetContent/Pricing/index.tsx
+++ b/src/components/organisms/AssetContent/Pricing/index.tsx
@@ -21,7 +21,10 @@ const query = graphql`
               empty {
                 title
                 info
-                action
+                action {
+                  name
+                  help
+                }
               }
               fixed {
                 title
@@ -122,7 +125,7 @@ export default function Pricing({ ddo }: { ddo: DDO }): ReactElement {
             title={content.empty.title}
             text={content.empty.info}
             action={{
-              name: content.empty.action,
+              name: content.empty.action.name,
               handleAction: handleShowPricingForm
             }}
           />