From f6d999c9560375475d3c56002392509222f2859f Mon Sep 17 00:00:00 2001
From: Phil <phil.bladen@gmail.com>
Date: Thu, 15 Sep 2022 16:15:00 +0100
Subject: [PATCH] Removed old Twitch signup page.

---
 web/pages/twitch.tsx | 120 -------------------------------------------
 1 file changed, 120 deletions(-)
 delete mode 100644 web/pages/twitch.tsx

diff --git a/web/pages/twitch.tsx b/web/pages/twitch.tsx
deleted file mode 100644
index 7ca892e8..00000000
--- a/web/pages/twitch.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { useState } from 'react'
-
-import { Page } from 'web/components/page'
-import { Col } from 'web/components/layout/col'
-import { ManifoldLogo } from 'web/components/nav/manifold-logo'
-import { useSaveReferral } from 'web/hooks/use-save-referral'
-import { SEO } from 'web/components/SEO'
-import { Spacer } from 'web/components/layout/spacer'
-import { firebaseLogin, getUserAndPrivateUser } from 'web/lib/firebase/users'
-import { track } from 'web/lib/service/analytics'
-import { Row } from 'web/components/layout/row'
-import { Button } from 'web/components/button'
-import { useTracking } from 'web/hooks/use-tracking'
-import { linkTwitchAccountRedirect } from 'web/lib/twitch/link-twitch-account'
-import { usePrivateUser, useUser } from 'web/hooks/use-user'
-import { LoadingIndicator } from 'web/components/loading-indicator'
-import toast from 'react-hot-toast'
-
-export default function TwitchLandingPage() {
-  useSaveReferral()
-  useTracking('view twitch landing page')
-
-  const user = useUser()
-  const privateUser = usePrivateUser()
-  const twitchUser = privateUser?.twitchInfo?.twitchName
-
-  const callback =
-    user && privateUser
-      ? () => linkTwitchAccountRedirect(user, privateUser)
-      : async () => {
-          const result = await firebaseLogin()
-
-          const userId = result.user.uid
-          const { user, privateUser } = await getUserAndPrivateUser(userId)
-          if (!user || !privateUser) return
-
-          await linkTwitchAccountRedirect(user, privateUser)
-        }
-
-  const [isLoading, setLoading] = useState(false)
-
-  const getStarted = async () => {
-    try {
-      setLoading(true)
-
-      const promise = callback()
-      track('twitch page button click')
-      await promise
-    } catch (e) {
-      console.error(e)
-      toast.error('Failed to sign up. Please try again later.')
-      setLoading(false)
-    }
-  }
-
-  return (
-    <Page>
-      <SEO
-        title="Manifold Markets on Twitch"
-        description="Get more out of Twitch with play-money betting markets."
-      />
-      <div className="px-4 pt-2 md:mt-0 lg:hidden">
-        <ManifoldLogo />
-      </div>
-      <Col className="items-center">
-        <Col className="max-w-3xl">
-          <Col className="mb-6 rounded-xl sm:m-12 sm:mt-0">
-            <Row className="self-center">
-              <img height={200} width={200} src="/twitch-logo.png" />
-              <img height={200} width={200} src="/flappy-logo.gif" />
-            </Row>
-            <div className="m-4 max-w-[550px] self-center">
-              <h1 className="text-3xl sm:text-6xl xl:text-6xl">
-                <div className="font-semibold sm:mb-2">
-                  <span className="bg-gradient-to-r from-indigo-500 to-blue-500 bg-clip-text font-bold text-transparent">
-                    Bet
-                  </span>{' '}
-                  on your favorite streams
-                </div>
-              </h1>
-              <Spacer h={6} />
-              <div className="mb-4 px-2 ">
-                Get more out of Twitch with play-money betting markets.{' '}
-                {!twitchUser &&
-                  'Click the button below to link your Twitch account.'}
-                <br />
-              </div>
-            </div>
-
-            <Spacer h={6} />
-
-            {twitchUser ? (
-              <div className="mt-3 self-center rounded-lg bg-gradient-to-r from-pink-300 via-purple-300 to-indigo-400 p-4 ">
-                <div className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
-                  <div className="truncate text-sm font-medium text-gray-500">
-                    Twitch account linked
-                  </div>
-                  <div className="mt-1 text-2xl font-semibold text-gray-900">
-                    {twitchUser}
-                  </div>
-                </div>
-              </div>
-            ) : isLoading ? (
-              <LoadingIndicator spinnerClassName="!w-16 !h-16" />
-            ) : (
-              <Button
-                size="2xl"
-                color="gradient"
-                className="self-center"
-                onClick={getStarted}
-              >
-                Get started
-              </Button>
-            )}
-          </Col>
-        </Col>
-      </Col>
-    </Page>
-  )
-}