diff --git a/client/public/scpca-contribution-guidelines.pdf b/client/public/scpca-contribution-guidelines.pdf deleted file mode 100644 index bc1abc16..00000000 Binary files a/client/public/scpca-contribution-guidelines.pdf and /dev/null differ diff --git a/client/src/components/Layout.js b/client/src/components/Layout.js index e56345e8..ddb06caa 100644 --- a/client/src/components/Layout.js +++ b/client/src/components/Layout.js @@ -54,7 +54,7 @@ export const Layout = ({ children }) => { const showWide = widePaths.includes(router.pathname) // exclude the padding / and box shadow on the following pages - const excludPadPaths = ['/', '/about'] + const excludPadPaths = ['/', '/about', '/contribute'] const showMargin = !excludPadPaths.includes(router.pathname) // add the top margin to the following pages when the contribution banner is hidden @@ -64,15 +64,9 @@ export const Layout = ({ children }) => { showMargin && !banner['contribute-banner'] - // exclude the contribue banner on the following pages - const excludeContributeBanner = [ - '/contribute', - '/privacy-policy', - '/terms-of-use' - ] - const showContributeBanner = !excludeContributeBanner.includes( - router.pathname - ) + // include the contribue banner on the following pages + const includeContributeBanner = [] + const showContributeBanner = includeContributeBanner.includes(router.pathname) return ( diff --git a/client/src/components/WarningCard.js b/client/src/components/WarningCard.js new file mode 100644 index 00000000..040a565a --- /dev/null +++ b/client/src/components/WarningCard.js @@ -0,0 +1,31 @@ +import React from 'react' +import { Box, Text } from 'grommet' +import { CardBandLarge } from 'components/Band' +import { WarningText } from 'components/WarningText' + +export const WarningCard = ({ label, children }) => { + return ( + + + + {label} + + } + /> + + {children} + + ) +} + +export default WarningCard diff --git a/client/src/components/WarningText.js b/client/src/components/WarningText.js index 2726c749..99ebb033 100644 --- a/client/src/components/WarningText.js +++ b/client/src/components/WarningText.js @@ -7,6 +7,7 @@ export const WarningText = ({ lineBreak = true, link = '', linkLable = '', + iconColor = 'status-warning', iconMargin = { right: 'medium' }, iconPad = { right: 'small' }, iconSize = '16px', @@ -20,7 +21,7 @@ export const WarningText = ({ margin={{ top: 'small', bottom: 'medium' }} > - + {text} {lineBreak &&
} diff --git a/client/src/config/index.js b/client/src/config/index.js index 4b29fa05..891c92ae 100644 --- a/client/src/config/index.js +++ b/client/src/config/index.js @@ -19,8 +19,7 @@ export const config = { donate: 'https://www.ccdatalab.org/donate-link', grants_program: 'https://www.alexslemonade.org/researchers-reviewers', help: 'https://scpca.readthedocs.io/en/latest/', - contribute_pdf: 'scpca-contribution-guidelines.pdf', - contribute_hsform: 'https://share.hsforms.com/1V1loS-_hTMi3-_Lz107AcA336z0', + contribute_hsform: 'https://share.hsforms.com/1Fs_Z94OzS7abnh5qEieOTA336z0', recruitment_hsform: 'https://share.hsforms.com/19if2XeF2Rl2YkWxppHW-HQ336z0', alsfTwitter: 'https://twitter.com/alexslemonade', diff --git a/client/src/pages/contribute.js b/client/src/pages/contribute.js index 65071874..7d340085 100644 --- a/client/src/pages/contribute.js +++ b/client/src/pages/contribute.js @@ -2,6 +2,7 @@ import React from 'react' import { Box, Heading, + Paragraph, Table, TableCell, TableHeader as GrommetTableHeader, @@ -11,6 +12,7 @@ import { import { Button } from 'components/Button' import { MarkdownPage } from 'components/MarkdownPage' import { Link } from 'components/Link' +import { WarningCard } from 'components/WarningCard' import { config } from 'config' import contributionGuidelines from 'config/contribution-guidelines.md' import styled from 'styled-components' @@ -134,19 +136,41 @@ export const Contribute = () => { return ( <> + + + + + Interested in contributing? Sign up to be notified. + + + If you have an existing single-cell dataset you are interested in + making available via the portal, please sign up to be notified + about future opportunities. In the future, there will be a process + for determining if your data meets the necessary requirements to + be shared on the portal. + + +