diff --git a/content/pages/publish.json b/content/pages/publish.json
index 27623c651..90ba7ebc1 100644
--- a/content/pages/publish.json
+++ b/content/pages/publish.json
@@ -1,6 +1,7 @@
{
"title": "Publish",
"description": "Highlight the important features of your data set to make it more discoverable and catch the interest of data consumers.",
+ "warning": "Given the beta status, publishing on Rinkeby first is strongly recommended. Please familiarize yourself with [the market](https://oceanprotocol.com/technology/marketplaces), [the risks](https://blog.oceanprotocol.com/on-staking-on-data-in-ocean-market-3d8e09eb0a13), and the [Terms of Use](/terms).",
"form": {
"title": "Publish",
"data": [
diff --git a/content/site.json b/content/site.json
index 59c43f4d5..079f9e459 100644
--- a/content/site.json
+++ b/content/site.json
@@ -15,6 +15,7 @@
"name": "History",
"link": "/history"
}
- ]
+ ],
+ "warning": "We are in beta. Please familiarize yourself with [the market](https://oceanprotocol.com/technology/marketplaces), [the risks](https://blog.oceanprotocol.com/on-staking-on-data-in-ocean-market-3d8e09eb0a13), and the [Terms of Use](/terms)."
}
}
diff --git a/src/components/Layout.module.css b/src/components/Layout.module.css
index 90e741c73..1250bed18 100644
--- a/src/components/Layout.module.css
+++ b/src/components/Layout.module.css
@@ -14,8 +14,12 @@
}
.main {
- padding: var(--spacer) 0 calc(var(--spacer) * 2) 0;
+ padding: calc(var(--spacer) * 2) 0;
/* sticky footer technique */
flex: 1;
}
+
+.banner {
+ margin-bottom: -2rem !important;
+}
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index ef11c87e3..809d77c5e 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -6,6 +6,7 @@ import styles from './Layout.module.css'
import Seo from './atoms/Seo'
import Container from './atoms/Container'
import Alert from './atoms/Alert'
+import { useSiteMetadata } from '../hooks/useSiteMetadata'
export interface LayoutProps {
children: ReactNode
@@ -24,16 +25,17 @@ export default function Layout({
noPageHeader,
headerCenter
}: LayoutProps): ReactElement {
+ const { warning } = useSiteMetadata()
+
return (
-
+ {uri === '/' && (
+
+ )}
diff --git a/src/components/organisms/Footer.tsx b/src/components/organisms/Footer.tsx
index 1a20105fa..12cb434b0 100644
--- a/src/components/organisms/Footer.tsx
+++ b/src/components/organisms/Footer.tsx
@@ -2,6 +2,7 @@ import React, { ReactElement } from 'react'
import styles from './Footer.module.css'
import Markdown from '../atoms/Markdown'
import { useSiteMetadata } from '../../hooks/useSiteMetadata'
+import { Link } from 'gatsby'
export default function Footer(): ReactElement {
const { copyright } = useSiteMetadata()
@@ -10,7 +11,9 @@ export default function Footer(): ReactElement {
return (
)
diff --git a/src/components/pages/Publish/index.module.css b/src/components/pages/Publish/index.module.css
index 0e0cb63ae..4a6d8a9df 100644
--- a/src/components/pages/Publish/index.module.css
+++ b/src/components/pages/Publish/index.module.css
@@ -4,6 +4,12 @@
position: relative;
}
+.alert,
+div.alert {
+ margin-bottom: var(--spacer);
+ margin-left: 0;
+}
+
@media (min-width: 55rem) {
.grid {
/* lazy golden ratio */
diff --git a/src/components/pages/Publish/index.tsx b/src/components/pages/Publish/index.tsx
index 302b2071f..08c241302 100644
--- a/src/components/pages/Publish/index.tsx
+++ b/src/components/pages/Publish/index.tsx
@@ -14,13 +14,14 @@ import { DDO, Logger, Metadata } from '@oceanprotocol/lib'
import { Persist } from '../../atoms/FormikPersist'
import Debug from './Debug'
import Feedback from './Feedback'
+import Alert from '../../atoms/Alert'
const formName = 'ocean-publish-form'
export default function PublishPage({
content
}: {
- content: { form: FormContent }
+ content: { warning: string; form: FormContent }
}): ReactElement {
const { debug } = useUserPreferences()
const { publish, publishError, isLoading, publishStepText } = usePublish()
@@ -97,15 +98,23 @@ export default function PublishPage({
setError={setError}
/>
) : (
-
-
-
-
+ <>
+
+
+
+
+
+
+ >
)}
{debug === true && }
diff --git a/src/hooks/useSiteMetadata.ts b/src/hooks/useSiteMetadata.ts
index b5de81125..4aa5fb6fc 100644
--- a/src/hooks/useSiteMetadata.ts
+++ b/src/hooks/useSiteMetadata.ts
@@ -13,6 +13,7 @@ const query = graphql`
name
link
}
+ warning
appConfig {
infuraProjectId
network
diff --git a/src/pages/publish.tsx b/src/pages/publish.tsx
index b8ffd4736..94c387af3 100644
--- a/src/pages/publish.tsx
+++ b/src/pages/publish.tsx
@@ -22,6 +22,7 @@ export const contentQuery = graphql`
childPagesJson {
title
description
+ warning
form {
title
data {