From 7257194b4945b7468bb1af9edacd22e3dab925a0 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 7 Mar 2022 18:16:40 +1100
Subject: [PATCH] remove deploy page

---
 src/App.tsx             |   6 --
 src/constants/routes.ts |   1 -
 src/pages/Deploy.tsx    | 178 ----------------------------------------
 3 files changed, 185 deletions(-)
 delete mode 100644 src/pages/Deploy.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 5c1aec54..eb610f7b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -25,7 +25,6 @@ import routes from "@src/constants/routes";
 import AuthPage from "@src/pages/Auth";
 import SignOutPage from "@src/pages/Auth/SignOut";
 import SignUpPage from "@src/pages/Auth/SignUp";
-import DeployPage from "@src/pages/Deploy";
 import TestPage from "@src/pages/Test";
 import RowyRunTestPage from "@src/pages/RowyRunTest";
 import PageNotFound from "@src/pages/PageNotFound";
@@ -99,11 +98,6 @@ export default function App() {
                             path={routes.setup}
                             render={() => <SetupPage />}
                           />
-                          <Route
-                            exact
-                            path={routes.deploy}
-                            render={() => <DeployPage />}
-                          />
 
                           <Route
                             exact
diff --git a/src/constants/routes.ts b/src/constants/routes.ts
index 0fa8e54c..c84c162d 100644
--- a/src/constants/routes.ts
+++ b/src/constants/routes.ts
@@ -9,7 +9,6 @@ export enum routes {
 
   authSetup = "/authSetup",
   setup = "/setup",
-  deploy = "/deploy",
   pageNotFound = "/404",
 
   table = "/table",
diff --git a/src/pages/Deploy.tsx b/src/pages/Deploy.tsx
deleted file mode 100644
index eca61a32..00000000
--- a/src/pages/Deploy.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import { useState } from "react";
-import { useLocation } from "react-router-dom";
-import queryString from "query-string";
-import { SwitchTransition } from "react-transition-group";
-
-import {
-  useMediaQuery,
-  Stack,
-  Typography,
-  Grow,
-  Button,
-  Collapse,
-  Link,
-  FormControl,
-  FormLabel,
-  FormGroup,
-  FormControlLabel,
-  Checkbox,
-} from "@mui/material";
-
-import MarketingBanner from "@src/components/Auth/MarketingBanner";
-import AuthLayout from "@src/components/Auth/AuthLayout";
-
-import { EXTERNAL_LINKS, WIKI_LINKS } from "@src/constants/externalLinks";
-
-export default function DeployPage() {
-  const { search } = useLocation();
-  const parsed = queryString.parse(search);
-
-  const uiConfig: firebaseui.auth.Config = {};
-  if (typeof parsed.redirect === "string" && parsed.redirect.length > 0) {
-    uiConfig.signInSuccessUrl = parsed.redirect;
-  }
-
-  const isMobile = useMediaQuery((theme: any) => theme.breakpoints.down("md"));
-
-  const [continued, setContinued] = useState(false);
-  const [confirmProject, setConfirmProject] = useState(false);
-  const [confirmAuth, setConfirmAuth] = useState(false);
-
-  return (
-    <Stack direction="row">
-      <MarketingBanner />
-
-      <div style={{ flexGrow: 1 }}>
-        <AuthLayout
-          hideLogo={!isMobile}
-          hideProject
-          hideLinks={!isMobile}
-          title="Get started"
-          description={
-            <>
-              Set up Rowy on your Google Cloud or Firebase project with a
-              one-click deploy button.
-              <br />
-              <br />
-              We have no access to your data and it always stays on your
-              project.
-            </>
-          }
-        >
-          <SwitchTransition mode="out-in">
-            {!continued ? (
-              <Grow key="notContinued">
-                <Button
-                  variant="contained"
-                  color="primary"
-                  onClick={() => setContinued(true)}
-                >
-                  Continue
-                </Button>
-              </Grow>
-            ) : (
-              <Collapse key="continued">
-                <>
-                  <FormControl component="fieldset" variant="standard">
-                    <FormLabel
-                      component="legend"
-                      sx={{ fontWeight: "medium", color: "text.primary" }}
-                    >
-                      Make sure you have the following:
-                    </FormLabel>
-                    <FormGroup style={{ textAlign: "left" }}>
-                      <FormControlLabel
-                        control={
-                          <Checkbox
-                            checked={confirmProject}
-                            onChange={(e) =>
-                              setConfirmProject(e.target.checked)
-                            }
-                          />
-                        }
-                        label="A Google Cloud or Firebase project"
-                      />
-                      <FormControlLabel
-                        control={
-                          <Checkbox
-                            checked={confirmAuth}
-                            onChange={(e) => setConfirmAuth(e.target.checked)}
-                          />
-                        }
-                        label="Firebase Authentication with the Google sign-in method enabled"
-                      />
-                    </FormGroup>
-                  </FormControl>
-                  <Typography sx={{ mt: 3 }}>
-                    Don’t have a project? Follow our{" "}
-                    <Link
-                      href={WIKI_LINKS.setupFirebaseProject}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      step-by-step guide
-                    </Link>{" "}
-                    to get started.
-                  </Typography>
-
-                  <div style={{ margin: "1rem 0", textAlign: "center" }}>
-                    {confirmProject && confirmAuth ? (
-                      <a
-                        href={EXTERNAL_LINKS.rowyRunDeploy}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        <img
-                          src="https://deploy.cloud.run/button.svg"
-                          alt="Run on Google Cloud"
-                          style={{ display: "block", margin: "0 auto" }}
-                          width={183}
-                          height={32}
-                        />
-                      </a>
-                    ) : (
-                      <img
-                        src="https://deploy.cloud.run/button.svg"
-                        alt="Run on Google Cloud"
-                        style={{
-                          display: "block",
-                          filter: "grayscale(1)",
-                          opacity: 0.6,
-                          margin: "0 auto",
-                        }}
-                        width={183}
-                        height={32}
-                      />
-                    )}
-                  </div>
-
-                  <Typography variant="caption" color="text.secondary">
-                    By setting up Rowy, you agree to our{" "}
-                    <Link
-                      href={EXTERNAL_LINKS.terms}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      color="text.secondary"
-                    >
-                      Terms and Conditions
-                    </Link>{" "}
-                    and{" "}
-                    <Link
-                      href={EXTERNAL_LINKS.privacy}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      color="text.secondary"
-                    >
-                      Privacy Policy
-                    </Link>
-                    .
-                  </Typography>
-                </>
-              </Collapse>
-            )}
-          </SwitchTransition>
-        </AuthLayout>
-      </div>
-    </Stack>
-  );
-}