diff --git a/components/EventHomePage/Hero.js b/components/EventHomePage/Hero.js index 44ff0461..a016b8e1 100644 --- a/components/EventHomePage/Hero.js +++ b/components/EventHomePage/Hero.js @@ -80,6 +80,7 @@ const Main = styled.div` flex-direction: row; margin: auto; justify-content: center; + padding-top: 5rem; ${below[twoColBp]` flex-direction: column; diff --git a/components/EventHomePage/LearnMore.js b/components/EventHomePage/LearnMore.js index 18334ce6..e979c067 100644 --- a/components/EventHomePage/LearnMore.js +++ b/components/EventHomePage/LearnMore.js @@ -98,7 +98,7 @@ const LearnMore = ({ className }) => { hoverBackgroundColor="thatBlue" /> { return (
- + + +
diff --git a/components/PartnerDetail/HeroSection.js b/components/PartnerDetail/HeroSection.js index a4a61594..894bbb5b 100644 --- a/components/PartnerDetail/HeroSection.js +++ b/components/PartnerDetail/HeroSection.js @@ -23,7 +23,7 @@ const HeroBlock = styled.div` height: 75rem; align-items: center; justify-content: center; - margin-top: 5rem; + margin-top: 0; ${below.med` height: 43.3rem; diff --git a/components/layouts/Default.js b/components/layouts/Default.js index 5618b52e..d5cd62d2 100644 --- a/components/layouts/Default.js +++ b/components/layouts/Default.js @@ -1,17 +1,17 @@ -import React, { useEffect, useState } from 'react'; +import React, { useState } from 'react'; import { ThemeProvider } from 'styled-components'; -import { DefaultSeo, LogoJsonLd } from 'next-seo'; +import { DefaultSeo, LogoJsonLd, SocialProfileJsonLd } from 'next-seo'; import { useRouter } from 'next/router'; // import LogRocket from 'logrocket'; import * as Sentry from '@sentry/browser'; -import { isNil } from 'lodash'; +import { isNil, map } from 'lodash'; import GlobalStyle from '../../styles/globalStyle'; import baseTheme from '../../styles/baseTheme'; import Meta from '../Meta'; -import Header from '../Header/default'; +import Header from '../Header/root'; import Footer from '../Footer'; -import { defaultSeo } from '../../utilities'; +import { rootSeo, socialConstants } from '../../utilities'; import User from '../User'; import { useFetchUser } from '../../hooks/user'; import { @@ -21,17 +21,12 @@ import { InnerPage, } from '../shared/StandardStyles'; -const Default = ({ children, headerType }) => { +const Default = ({ children }) => { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); - const [layeredHeader, setLayeredHeader] = useState(false); const { user, loading } = useFetchUser(); const router = useRouter(); - useEffect(() => { - setLayeredHeader(headerType === 'layered'); - }); - if (!isNil(user)) { document.tidioIdentify = { distinct_id: user.id, @@ -51,6 +46,11 @@ const Default = ({ children, headerType }) => { }); } + const socialUrls = map( + socialConstants.thatSocialLinks, + socialLink => socialLink.url, + ); + return ( <> @@ -58,12 +58,19 @@ const Default = ({ children, headerType }) => { + @@ -71,7 +78,6 @@ const Default = ({ children, headerType }) => {
diff --git a/components/layouts/Root.js b/components/layouts/Root.js deleted file mode 100644 index d5cd62d2..00000000 --- a/components/layouts/Root.js +++ /dev/null @@ -1,97 +0,0 @@ -import React, { useState } from 'react'; -import { ThemeProvider } from 'styled-components'; -import { DefaultSeo, LogoJsonLd, SocialProfileJsonLd } from 'next-seo'; -import { useRouter } from 'next/router'; -// import LogRocket from 'logrocket'; -import * as Sentry from '@sentry/browser'; -import { isNil, map } from 'lodash'; - -import GlobalStyle from '../../styles/globalStyle'; -import baseTheme from '../../styles/baseTheme'; -import Meta from '../Meta'; -import Header from '../Header/root'; -import Footer from '../Footer'; -import { rootSeo, socialConstants } from '../../utilities'; -import User from '../User'; -import { useFetchUser } from '../../hooks/user'; -import { - StyledPage, - CorePage, - PageDiv, - InnerPage, -} from '../shared/StandardStyles'; - -const Default = ({ children }) => { - const [mobileMenuOpen, setMobileMenuOpen] = useState(false); - - const { user, loading } = useFetchUser(); - const router = useRouter(); - - if (!isNil(user)) { - document.tidioIdentify = { - distinct_id: user.id, - email: user.email, - }; - - // LogRocket.identify(user.id, { - // email: user.email, - // }); - - Sentry.configureScope(scope => { - scope.setUser({ - email: user.email, - id: user.id, - }); - // scope.setExtra('sessionURL', LogRocket.sessionURL); - }); - } - - const socialUrls = map( - socialConstants.thatSocialLinks, - socialLink => socialLink.url, - ); - - return ( - - <> - - - - - - - - - -
- - {React.cloneElement(children, { user, loading })} - -