Skip to content

Commit

Permalink
Merge pull request #768 from jay-hodgson/SRC-3.2.2
Browse files Browse the repository at this point in the history 
SRC Release 3.2.2
  • Loading branch information
@jay-hodgson
jay-hodgson authored Mar 1, 2024
2 parents 9c22dee + c548090 commit 2926466
Show file tree
Hide file tree
Showing 6 changed files with 477 additions and 361 deletions.
2 changes: 1 addition & 1 deletion packages/synapse-react-client/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "synapse-react-client",
"version": "3.2.1",
"version": "3.2.2",
"private": false,
"main": "./dist/index.js",
"module": "./dist/index.mjs",
Expand Down
467 changes: 467 additions & 0 deletions packages/synapse-react-client/src/assets/SynapsePlans.tsx
View file

Large diffs are not rendered by default.

10 changes: 0 additions & 10 deletions packages/synapse-react-client/src/components/SynapseHomepage/PlatformOfferingsGrid.tsx
View file

This file was deleted.

254 changes: 9 additions & 245 deletions packages/synapse-react-client/src/components/SynapseHomepage/SynapseHomepage.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,5 @@
import React from 'react'
import {
Accordion,
AccordionDetails,
AccordionSummary,
Button,
Grid,
Link,
Typography,
} from '@mui/material'
import { Button, Grid, Link, Typography } from '@mui/material'
import RLogo from '../../assets/icons/RLogo'
import Python from '../../assets/icons/Python'
import Terminal from '../../assets/icons/Terminal'
Expand All @@ -28,11 +20,7 @@ import CommunicateFindings from '../../assets/icons/CommunicateFindings'
import RecordProvenance from '../../assets/icons/RecordProvenance'
import ShareYourResearch from '../../assets/icons/ShareYourResearch'
import MintDoi from '../../assets/icons/MintDoi'
import { Box } from '@mui/material'
import { SynapsePriceTableCell } from './SynapsePriceTableCell'
import { ExpandMoreTwoTone } from '@mui/icons-material'
import { SynapsePriceFeatureRow } from './SynapsePriceFeatureRow'
import PlatformOfferingsGrid from './PlatformOfferingsGrid'
import SynapsePlans from '../../assets/SynapsePlans'

export type SynapseHomepageProps = {
projectViewId: string
Expand Down Expand Up @@ -475,238 +463,14 @@ export const SynapseHomepage: React.FunctionComponent<SynapseHomepageProps> = ({
>
View Frequently Asked Questions
</Link>
<div role="table">
<PlatformOfferingsGrid role="rowgroup">
{/* Div is a placeholder so that all items align in the Pricing table */}
<div />
<Box
sx={{
display: 'grid',
gridTemplateRows: '65px auto',
justifyContent: 'stretch',
alignItems: 'stretch',
}}
>
<SynapsePriceTableCell
sx={{ backgroundColor: '#b6cedf' }}
role="columnheader"
>
<Typography
className="no-margin"
variant="body1"
sx={{ fontWeight: 700 }}
>
Standard Plan
</Typography>
</SynapsePriceTableCell>
<SynapsePriceTableCell sx={{ backgroundColor: '#c4d9e4' }}>
<Typography variant="body2" sx={{ fontWeight: 700 }}>
Free
</Typography>
</SynapsePriceTableCell>
</Box>
<Box
sx={{
display: 'grid',
gridTemplateRows: '65px auto',
justifyContent: 'stretch',
alignItems: 'stretch',
}}
>
<SynapsePriceTableCell
sx={{ backgroundColor: '#f0a675' }}
role="columnheader"
>
<Typography
className="no-margin"
variant="body1"
sx={{ fontWeight: 700 }}
>
Managed Plan
</Typography>
</SynapsePriceTableCell>
<SynapsePriceTableCell sx={{ backgroundColor: '#f9d6c0' }}>
<Typography
variant="body2"
sx={{
paddingTop: '20px',
marginLeft: '10px',
marginRight: '10px',
}}
>
<strong>
Starting at $6,000/year, <br />
min 5 years*{' '}
</strong>
<em>
<br />
Can be customized <br />
Recommended for NIH DMSP
</em>
</Typography>
</SynapsePriceTableCell>
</Box>
<Box
sx={{
display: 'grid',
gridTemplateRows: '65px auto',
justifyContent: 'stretch',
alignItems: 'stretch',
}}
>
<SynapsePriceTableCell
sx={{ backgroundColor: '#c7e0cb' }}
role="columnheader"
>
<Typography
className="no-margin"
variant="body1"
sx={{ fontWeight: 700 }}
>
Data Coordination Plan
</Typography>
</SynapsePriceTableCell>
<SynapsePriceTableCell sx={{ backgroundColor: '#d2e6d5' }}>
<Typography variant="body2" sx={{ fontWeight: 700 }}>
Contact Sage**
</Typography>
</SynapsePriceTableCell>
</Box>
</PlatformOfferingsGrid>
<Accordion defaultExpanded={true}>
<AccordionSummary expandIcon={<ExpandMoreTwoTone />}>
<Typography sx={{ fontSize: '18px' }} className="no-margin">
Project Setup Features
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ padding: 0 }}>
<SynapsePriceFeatureRow
featureDescription="Materials for DMSP plan and budget"
managedPlanValue={true}
dataCoordinationPlanValue={true}
/>
<SynapsePriceFeatureRow
featureDescription="Setup of Synapse project and storage using our documentation"
standardPlanValue="Self-Service"
managedPlanValue="Self-Service"
dataCoordinationPlanValue="Managed"
/>
<SynapsePriceFeatureRow
featureDescription="DOIs for publications and grants"
standardPlanValue={true}
managedPlanValue={true}
dataCoordinationPlanValue={true}
/>
<SynapsePriceFeatureRow
featureDescription="Consulting with Sage experts to assist with setup, uploading, and establishing F.A.I.R. access to your data"
managedPlanValue="5 hours"
dataCoordinationPlanValue="Custom"
/>
<SynapsePriceFeatureRow
featureDescription="Help desk support through the life of the project"
managedPlanValue="5 hours"
dataCoordinationPlanValue="Unlimited"
/>
<SynapsePriceFeatureRow
featureDescription="Dedicated Sage point of contact"
dataCoordinationPlanValue={true}
/>
</AccordionDetails>
</Accordion>
<Accordion>
<AccordionSummary expandIcon={<ExpandMoreTwoTone />}>
<Typography sx={{ fontSize: '18px' }} className="no-margin">
Data Storage Features
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ padding: 0 }}>
<SynapsePriceFeatureRow
featureDescription="Data limits ***"
standardPlanValue="<=100GB*"
managedPlanValue="<=500GB*"
dataCoordinationPlanValue="Unlimited"
/>
<SynapsePriceFeatureRow
featureDescription="5 years of secure, guaranteed storage in the cloud"
managedPlanValue={true}
dataCoordinationPlanValue={true}
/>
<SynapsePriceFeatureRow
featureDescription="Data storage location"
standardPlanValue="US Default***"
managedPlanValue="US Default***"
dataCoordinationPlanValue="Custom"
/>
</AccordionDetails>
</Accordion>
<Accordion>
<AccordionSummary expandIcon={<ExpandMoreTwoTone />}>
<Typography sx={{ fontSize: '18px' }} className="no-margin">
Data Governance Features
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ padding: 0 }}>
<SynapsePriceFeatureRow
featureDescription="Option to make data available through controlled-access"
managedPlanValue={true}
dataCoordinationPlanValue={true}
/>
</AccordionDetails>
</Accordion>
<Accordion>
<AccordionSummary expandIcon={<ExpandMoreTwoTone />}>
<Typography sx={{ fontSize: '18px' }} className="no-margin">
Data Access Features
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ padding: 0 }}>
<SynapsePriceFeatureRow
featureDescription="Data access management"
standardPlanValue="Self-Service*"
managedPlanValue="Self-Service"
dataCoordinationPlanValue="Custom"
/>
<SynapsePriceFeatureRow
featureDescription="Seamless data access integration with compute environments"
dataCoordinationPlanValue={true}
/>
<SynapsePriceFeatureRow
featureDescription="Customized data portal"
standardPlanValue="Basic"
managedPlanValue="Basic"
dataCoordinationPlanValue={true}
/>
<SynapsePriceFeatureRow
featureDescription="Contract length"
managedPlanValue="Length of grant"
dataCoordinationPlanValue="Contact Sage‡"
/>
</AccordionDetails>
</Accordion>
</div>

<Typography
className="text-align-left"
sx={{
fontWeight: 300,
fontSize: '12px',
lineHeight: '16px',
paddingTop: '15px',
}}
{/* SWC-6708: Pricing table release, change to be a simple image */}
<a
href="https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/26/create/162"
target="_blank"
rel="noopener noreferrer"
>
* Sage can create a customized quote for you if, for example, you
need to store {'>'}100GB, get help with public data sharing, or want
a “click wrap” for displaying terms of data sharing. You may also
qualify for free storage depending on your program.
<br />
** Due to the level of customization afforded, this option does not
follow a fixed pricing model.
<br />
*** Size limitations are removed and regions can be customized if
you use your own cloud storage bucket.
<br />‡ 5 years or the length of your grant if you contact us for a
custom quote.
</Typography>
<SynapsePlans />
</a>
</div>
</div>
<div className="SynapseHomepage__Section WhiteBackground">
Expand Down
81 changes: 0 additions & 81 deletions packages/synapse-react-client/src/components/SynapseHomepage/SynapsePriceFeatureRow.tsx
View file

This file was deleted.

24 changes: 0 additions & 24 deletions packages/synapse-react-client/src/components/SynapseHomepage/SynapsePriceTableCell.tsx
View file

This file was deleted.

0 comments on commit 2926466

Please sign in to comment.