From a1f017c147752c04aab48409a8e8d1d7d7dc4e3c Mon Sep 17 00:00:00 2001
From: Jeremy Asuncion <jeremyasuncion808@gmail.com>
Date: Wed, 29 May 2024 13:12:39 -0700
Subject: [PATCH] disable signup footer (#1317)

* disable signup footer

* update snapshots
---
 .../components/HomePage/HomePageLayout.tsx    |  4 +-
 frontend/src/components/Layout/Layout.tsx     |  9 ++--
 .../Layout/__snapshots__/Layout.test.tsx.snap | 54 -------------------
 3 files changed, 6 insertions(+), 61 deletions(-)

diff --git a/frontend/src/components/HomePage/HomePageLayout.tsx b/frontend/src/components/HomePage/HomePageLayout.tsx
index c9885d3c8..9e4f1389c 100644
--- a/frontend/src/components/HomePage/HomePageLayout.tsx
+++ b/frontend/src/components/HomePage/HomePageLayout.tsx
@@ -3,7 +3,6 @@ import { ReactNode } from 'react';
 import { AppBarLanding } from '@/components/AppBar';
 import { Banner } from '@/components/Banner';
 import { Footer } from '@/components/Footer';
-import { SignupForm } from '@/components/SignupForm';
 
 interface Props {
   children: ReactNode;
@@ -15,7 +14,8 @@ export function HomePageLayout({ children }: Props) {
       <Banner />
       <AppBarLanding />
       <div className="flex-grow min-h-screen">{children}</div>
-      <SignupForm variant="home" />
+      {/* Disabling for now because HubSpot drops cookies */}
+      {/* <SignupForm variant="home" /> */}
       <Footer />
     </div>
   );
diff --git a/frontend/src/components/Layout/Layout.tsx b/frontend/src/components/Layout/Layout.tsx
index 64af3eadf..a706ad1df 100644
--- a/frontend/src/components/Layout/Layout.tsx
+++ b/frontend/src/components/Layout/Layout.tsx
@@ -1,18 +1,16 @@
-import { useRouter } from 'next/router';
 import { ReactNode } from 'react';
 
 import { AppBar } from '@/components/AppBar';
 import { Banner } from '@/components/Banner';
 import { Footer } from '@/components/Footer';
-import { SignupForm } from '@/components/SignupForm';
 
 interface Props {
   children: ReactNode;
 }
 
 export function Layout({ children }: Props) {
-  const router = useRouter();
-  const isSearchPage = router.pathname === '/plugins';
+  // const router = useRouter();
+  // const isSearchPage = router.pathname === '/plugins';
 
   return (
     <div className="flex flex-col min-h-screen">
@@ -20,7 +18,8 @@ export function Layout({ children }: Props) {
       <AppBar />
 
       <main className="flex flex-col flex-grow">{children}</main>
-      <SignupForm variant={isSearchPage ? 'search' : 'default'} />
+      {/* Disabling for now because HubSpot drops cookies */}
+      {/* <SignupForm variant={isSearchPage ? 'search' : 'default'} /> */}
       <Footer />
     </div>
   );
diff --git a/frontend/src/components/Layout/__snapshots__/Layout.test.tsx.snap b/frontend/src/components/Layout/__snapshots__/Layout.test.tsx.snap
index 516f732dc..b78730c85 100644
--- a/frontend/src/components/Layout/__snapshots__/Layout.test.tsx.snap
+++ b/frontend/src/components/Layout/__snapshots__/Layout.test.tsx.snap
@@ -138,60 +138,6 @@ exports[`<Layout /> should match snapshot 1`] = `
         Hello, World!
       </h1>
     </main>
-    <div
-      class="bg-hub-primary-200 p-sds-xl screen-495:p-12 grid justify-center gap-sds-xl  screen-495:gap-12 grid-cols-2 screen-875:grid-cols-napari-3 screen-1150:grid-cols-napari-4 screen-1425:grid-cols-napari-5"
-    >
-      <div
-        class="hidden"
-        id="hubspot-form-container"
-      />
-      <div
-        class="col-span-2 screen-495:col-span-3 screen-1425:col-start-2"
-      >
-        <h2
-          class="text-lg font-semibold mb-sds-xxs screen-495:mb-sds-l"
-        >
-          Sign up to receive updates
-        </h2>
-        <form
-          class="grid grid-cols-2 screen-875:grid-cols-napari-3 screen-495:gap-x-12 gap-y-sds-l"
-          novalidate=""
-        >
-          <div
-            aria-label="Email address"
-            class="MuiFormControl-root MuiTextField-root text-sds-body-s pt-sds-xxxs h-8 screen-495:h-[35px] col-span-2 screen-495:col-span-1 screen-875:col-span-2 css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
-          >
-            <div
-              class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1ptx2yq-MuiInputBase-root-MuiInput-root"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
-                data-testid="emailField"
-                id=":r0:"
-                name="EMAIL"
-                placeholder="email"
-                required=""
-                type="email"
-                value=""
-              />
-            </div>
-          </div>
-          <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation bg-hub-primary-400 hover:bg-hub-primary-500 active:bg-hub-primary-600 text-sds-body-s font-semibold text-black h-[35px] col-span-2 screen-495:col-span-1 css-1k16prx-MuiButtonBase-root-MuiButton-root"
-            data-testid="submitButton"
-            name="subscribe"
-            tabindex="0"
-            type="submit"
-          >
-            Subscribe
-            <span
-              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-            />
-          </button>
-        </form>
-      </div>
-    </div>
     <div
       class="grid grid-cols-2 screen-655:grid-cols-[1fr,min-content] screen-1150:grid-cols-[1fr,max-content,min-content] gap-sds-l bg-hub-primary-400 p-sds-xl  screen-495:px-12"
     >