From 3319cf844d18c917c7255c8c88f093bf89a26ec0 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 28 Apr 2021 19:59:56 +0200
Subject: [PATCH] mention compute restrictions throughout UI (#568)

* mention compute restrictions in publish forms

* copy

* results storage info
---
 content/pages/history.json                    |  5 ++++-
 content/pages/publish/form-algorithm.json     |  2 +-
 content/pages/publish/form-dataset.json       |  2 +-
 .../History/ComputeJobs/Results.module.css    |  4 ++++
 .../pages/History/ComputeJobs/Results.tsx     | 22 +++++++++++++++++++
 5 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/content/pages/history.json b/content/pages/history.json
index 6ec83422f..57df3eb16 100644
--- a/content/pages/history.json
+++ b/content/pages/history.json
@@ -1,4 +1,7 @@
 {
   "title": "History",
-  "description": "Find the data sets and jobs that you previously accessed."
+  "description": "Find the data sets and jobs that you previously accessed.",
+  "compute": {
+    "storage": "Results are stored for 30 days."
+  }
 }
diff --git a/content/pages/publish/form-algorithm.json b/content/pages/publish/form-algorithm.json
index 505f6515d..0a91c3b04 100644
--- a/content/pages/publish/form-algorithm.json
+++ b/content/pages/publish/form-algorithm.json
@@ -19,7 +19,7 @@
       "name": "files",
       "label": "File",
       "placeholder": "e.g. https://file.com/file.json",
-      "help": "Please enter the URL to your algorithm file and click \"ADD FILE\" to validate the data. This URL will be stored encrypted after publishing.",
+      "help": "Please enter the URL to your algorithm file and click \"ADD FILE\" to validate the data. This URL will be stored encrypted after publishing. Some restrictions apply:\n\n- max. running time: 1 min.\n- [Writing Algorithms for Compute to Data](https://docs.oceanprotocol.com/tutorials/compute-to-data-algorithms/)",
       "type": "files",
       "required": true
     },
diff --git a/content/pages/publish/form-dataset.json b/content/pages/publish/form-dataset.json
index afd687d61..3b3a67b58 100644
--- a/content/pages/publish/form-dataset.json
+++ b/content/pages/publish/form-dataset.json
@@ -19,7 +19,7 @@
       "name": "files",
       "label": "File",
       "placeholder": "e.g. https://file.com/file.json",
-      "help": "Please enter the URL to your data set file and click \"ADD FILE\" to validate the data. This URL will be stored encrypted after publishing.",
+      "help": "Please enter the URL to your data set file and click \"ADD FILE\" to validate the data. This URL will be stored encrypted after publishing. For a compute data set, your file should match the file type required by the algorithm, and should not exceed 1 GB in file size.",
       "type": "files",
       "required": true
     },
diff --git a/src/components/pages/History/ComputeJobs/Results.module.css b/src/components/pages/History/ComputeJobs/Results.module.css
index 1c3c5f3c6..b270c97c3 100644
--- a/src/components/pages/History/ComputeJobs/Results.module.css
+++ b/src/components/pages/History/ComputeJobs/Results.module.css
@@ -2,3 +2,7 @@
   composes: asset from './Details.module.css';
   border-bottom-left-radius: var(--border-radius) !important;
 }
+
+.help {
+  margin-top: calc(var(--spacer) / 3);
+}
diff --git a/src/components/pages/History/ComputeJobs/Results.tsx b/src/components/pages/History/ComputeJobs/Results.tsx
index 7a93eef8f..7d5f04941 100644
--- a/src/components/pages/History/ComputeJobs/Results.tsx
+++ b/src/components/pages/History/ComputeJobs/Results.tsx
@@ -6,12 +6,33 @@ import { ListItem } from '../../../atoms/Lists'
 import Button from '../../../atoms/Button'
 import { useOcean } from '../../../../providers/Ocean'
 import styles from './Results.module.css'
+import FormHelp from '../../../atoms/Input/Help'
+import { graphql, useStaticQuery } from 'gatsby'
+
+export const contentQuery = graphql`
+  query HistoryPageComputeResultsQuery {
+    content: allFile(filter: { relativePath: { eq: "pages/history.json" } }) {
+      edges {
+        node {
+          childPagesJson {
+            compute {
+              storage
+            }
+          }
+        }
+      }
+    }
+  }
+`
 
 export default function Results({
   job
 }: {
   job: ComputeJobMetaData
 }): ReactElement {
+  const data = useStaticQuery(contentQuery)
+  const content = data.content.edges[0].node.childPagesJson
+
   const { ocean, account } = useOcean()
   const [isLoading, setIsLoading] = useState(false)
   const [hasFetched, setHasFetched] = useState(false)
@@ -85,6 +106,7 @@ export default function Results({
           )}
         </Button>
       )}
+      <FormHelp className={styles.help}>{content.compute.storage}</FormHelp>
     </div>
   )
 }