diff --git a/packages/synapse-react-client/src/components/SynapseFooter/SynapseFooter.tsx b/packages/synapse-react-client/src/components/SynapseFooter/SynapseFooter.tsx index b6cf216fd5..dbc7ae4b1b 100644 --- a/packages/synapse-react-client/src/components/SynapseFooter/SynapseFooter.tsx +++ b/packages/synapse-react-client/src/components/SynapseFooter/SynapseFooter.tsx @@ -12,6 +12,7 @@ import { ReactComponent as Facebook } from '../../assets/homepage/facebook.svg' import { ReactComponent as Instagram } from '../../assets/homepage/instagram.svg' import { ReactComponent as Youtube } from '../../assets/homepage/youtube.svg' import ExperimentalMode from '../ExperimentalMode' +import { PLANS_LINK } from '../SynapseHomepageV2/SynapseHomepageNavBar' export type SynapseFooterProps = { portalVersion: string @@ -112,9 +113,10 @@ export const SynapseFooter: React.FunctionComponent = ({ }, }, { - text: 'Pricing', + text: 'Plans', props: { - href: 'https://help.synapse.org/docs/Sage-Offerings.2965078125.html', + href: PLANS_LINK, + target: '_self', }, }, { diff --git a/packages/synapse-react-client/src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx b/packages/synapse-react-client/src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx index cf14ba5581..a1245500d0 100644 --- a/packages/synapse-react-client/src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx +++ b/packages/synapse-react-client/src/components/SynapseHomepageV2/SynapseHomepageNavBar.tsx @@ -19,6 +19,8 @@ import { useSynapseContext } from '../../utils' import SageResourcesPopover from '../SageResourcesPopover' const LOGIN_LINK = '/LoginPlace:0' +const HOMEPAGE_LINK = '/Home:x' +export const PLANS_LINK = '/Plans:0' const DASHBOARD_LINK = '/Profile:v/projects/all' const navTextButtonSx: SxProps = { @@ -99,9 +101,11 @@ export const SynapseHomepageNavBar: React.FunctionComponent< }} > {/* Logo */} - + gotoPlace(HOMEPAGE_LINK)}> + + {/* Menu Items */} {/* Desktop nav bar, and a mobile hamburger dropdown menu nav bar that contain the same options */} {!isSmallView && ( @@ -113,6 +117,9 @@ export const SynapseHomepageNavBar: React.FunctionComponent< gap: '20px', }} > + + + + + ) +} + +export default SynapsePlansPage diff --git a/packages/synapse-react-client/src/components/SynapseHomepageV2/__snapshots__/SynapseHomepageV2.test.tsx.snap b/packages/synapse-react-client/src/components/SynapseHomepageV2/__snapshots__/SynapseHomepageV2.test.tsx.snap index a3aef9cff3..dd7e1e7cc0 100644 --- a/packages/synapse-react-client/src/components/SynapseHomepageV2/__snapshots__/SynapseHomepageV2.test.tsx.snap +++ b/packages/synapse-react-client/src/components/SynapseHomepageV2/__snapshots__/SynapseHomepageV2.test.tsx.snap @@ -8,82 +8,91 @@ exports[`SynapseHomepageV2 Snapshot test Basic home page 1`] = `