From 71d3ff4246d7b98858d108a118e24d1f07ef4116 Mon Sep 17 00:00:00 2001
From: Nozomi Ichihara <31800566+nozomione@users.noreply.github.com>
Date: Thu, 14 Sep 2023 11:55:27 -0400
Subject: [PATCH] (edit) rename ContributePageCard to WarningCard and define
 props and add the dropshadow

---
 client/src/components/ContributePageCard.js | 47 ---------------------
 client/src/components/WarningCard.js        | 31 ++++++++++++++
 2 files changed, 31 insertions(+), 47 deletions(-)
 delete mode 100644 client/src/components/ContributePageCard.js
 create mode 100644 client/src/components/WarningCard.js

diff --git a/client/src/components/ContributePageCard.js b/client/src/components/ContributePageCard.js
deleted file mode 100644
index 518b1f4b..00000000
--- a/client/src/components/ContributePageCard.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react'
-import { Box, Heading, Paragraph, Text } from 'grommet'
-import { config } from 'config'
-import { Button } from 'components/Button'
-import { CardBandLarge } from 'components/Band'
-import { WarningText } from 'components/WarningText'
-
-export const ContributePageCard = () => {
-  return (
-    <CardBandLarge align="center" pad={{ top: 'large' }}>
-      <Box margin={{ bottom: 'medium' }}>
-        <WarningText
-          iconColor="error"
-          iconMargin="none"
-          iconSize="24px"
-          text={
-            <Text color="error" size="24px" weight="bold">
-              We are NOT currently accepting contributions
-            </Text>
-          }
-        />
-      </Box>
-      <Box align="center" direction="row" gap="large" justify="between">
-        <Box width={{ max: '680px' }}>
-          <Heading level={5} margin={{ bottom: 'small' }} size="16px">
-            Interested in contributing? Sign up to be notified.
-          </Heading>
-          <Paragraph>
-            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.
-          </Paragraph>
-        </Box>
-        <Button
-          href={config.links.contribute_hsform}
-          label="Sign Up For Notifications"
-          target="_blank"
-          primary
-        />
-      </Box>
-    </CardBandLarge>
-  )
-}
-
-export default ContributePageCard
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 (
+    <CardBandLarge
+      align="center"
+      elevation="small"
+      pad={{ top: 'large' }}
+      width="100%"
+    >
+      <Box margin={{ bottom: 'medium' }}>
+        <WarningText
+          iconColor="error"
+          iconMargin="none"
+          iconSize="24px"
+          text={
+            <Text color="error" size="24px" weight="bold">
+              {label}
+            </Text>
+          }
+        />
+      </Box>
+      {children}
+    </CardBandLarge>
+  )
+}
+
+export default WarningCard