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 (
- © {year} + © {year} Terms + {' — '} + Privacy
) 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 {