mention compute restrictions throughout UI (#568)

* mention compute restrictions in publish forms

* copy

* results storage info

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."
+  }
 }

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
     },

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
     },

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);
+}

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>
   )
 }