diff --git a/landing/app-landing.react.js b/landing/app-landing.react.js --- a/landing/app-landing.react.js +++ b/landing/app-landing.react.js @@ -10,12 +10,7 @@ import StarBackground from './star-background.react'; import usePreloadAssets from './use-pre-load-assets.react'; -type AppLandingProps = { - +onRequestAccess: (e: Event) => Promise, -}; - -function AppLanding(props: AppLandingProps): React.Node { - const { onRequestAccess } = props; +function AppLanding(): React.Node { usePreloadAssets(assetMetaData); const [ hero, @@ -33,7 +28,7 @@
- + diff --git a/landing/header.css b/landing/header.css --- a/landing/header.css +++ b/landing/header.css @@ -9,7 +9,7 @@ align-items: center; grid-template-columns: 40px repeat(12, 1fr) 40px; column-gap: 1.5%; - grid-template-areas: '. logo logo . . . page_nav page_nav . cta_btn cta_btn sIcons sIcons .'; + grid-template-areas: '. logo logo . . . page_nav page_nav . . . sIcons sIcons .'; } .logo { @@ -41,13 +41,6 @@ min-width: 225px; } -div.button_container { - grid-area: cta_btn; - display: flex; - width: 100%; - justify-content: flex-end; -} - .social_icons_container { grid-area: sIcons; display: flex; @@ -73,12 +66,6 @@ gap: 12px; } - .request_access, - div.button_container, - button.request_access { - display: none; - } - .social_icon { display: block; } diff --git a/landing/header.react.js b/landing/header.react.js --- a/landing/header.react.js +++ b/landing/header.react.js @@ -8,13 +8,8 @@ import { isDev } from 'lib/utils/dev-utils.js'; -import Button from './button.react.js'; import css from './header.css'; -type HeaderProps = { - +onRequestAccess: (e: Event) => Promise, -}; - const iconProps = { size: 'lg', color: '#ebedee', @@ -27,9 +22,7 @@ }, }; -function Header(props: HeaderProps): React.Node { - const { onRequestAccess } = props; - +function Header(): React.Node { let launchAppIcon; if (isDev) { launchAppIcon = ( @@ -51,9 +44,6 @@ Keyserver -
- -
{launchAppIcon} diff --git a/landing/hero-content.css b/landing/hero-content.css --- a/landing/hero-content.css +++ b/landing/hero-content.css @@ -50,24 +50,3 @@ .contentWrapper { flex-basis: 300px; } - -button.request_access { - display: none; -} - -@media screen and (max-width: 1099px) { - button.request_access { - display: none; - all: unset; - border-radius: 4px; - font-size: 16px; - font-weight: 500; - background-color: var(--btn-bg); - color: var(--btn-color); - justify-content: center; - padding: 12px 18px; - transition: 300ms; - flex-basis: 48px; - text-align: center; - } -} diff --git a/landing/hero-content.react.js b/landing/hero-content.react.js --- a/landing/hero-content.react.js +++ b/landing/hero-content.react.js @@ -7,12 +7,7 @@ import css from './hero-content.css'; import SubscriptionForm from './subscription-form.react'; -type HeroContentProps = { - +onRequestAccess: (e: Event) => Promise, -}; - -function HeroContent(props: HeroContentProps): React.Node { - const { onRequestAccess } = props; +function HeroContent(): React.Node { const [hero] = assetMetaData; return ( @@ -34,9 +29,6 @@

(think "Web3 Discord")

- ); } diff --git a/landing/landing.react.js b/landing/landing.react.js --- a/landing/landing.react.js +++ b/landing/landing.react.js @@ -27,12 +27,6 @@ const onQR = useRouteMatch({ path: '/qr' }); const onTeam = useRouteMatch({ path: '/team' }); - const scrollToSubscriptionForm = React.useCallback(async (e: Event) => { - e.preventDefault(); - window?.scrollTo(0, document.body?.scrollHeight); - document.getElementById('subscription-form')?.focus(); - }, []); - const activePage = React.useMemo(() => { if (onPrivacy) { return ; @@ -47,21 +41,13 @@ } else if (isDev && onTeam) { return ; } else { - return ; + return ; } - }, [ - onKeyservers, - onPrivacy, - onSupport, - onTerms, - onTeam, - onQR, - scrollToSubscriptionForm, - ]); + }, [onKeyservers, onPrivacy, onSupport, onTerms, onTeam, onQR]); let header; if (!onQR) { - header =
; + header =
; } let footer;