Auto-prompt login (#209)

src/components/RedirectToHome.tsx → src/components/RedirectToLogin.tsx

@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { useHistory } from '@docusaurus/router';
 
-export function RedirectToHome() {
+export function RedirectToLogin() {
   const history = useHistory();
 
   useEffect(() => {
-    history.replace('/');
+    history.replace('/login');
   }, [history]);
 
   return null;

src/modules/Dashboard/SignInButton.tsx

@@ -45,7 +45,7 @@ function DesktopUserMenu({ user, logout }) {
         },
         {
           label: 'Sign Out',
-          href: '/',
+          href: '#',
           onClick: logout,
         },
       ]}

src/pages/dashboard.tsx

@@ -8,7 +8,7 @@ import { ConsumptionStats } from '@site/src/modules/Dashboard/ConsumptionStats';
 import { Breadcrumbs } from '@site/src/modules/Dashboard/Breadcrumbs';
 import { QuickLinks } from '@site/src/components/QuickLinks';
 import { Card } from '../components/Card';
-import { RedirectToHome } from '@site/src/components/RedirectToHome';
+import { RedirectToLogin } from '@site/src/components/RedirectToLogin';
 
 function Dashboard() {
   return (
@@ -19,7 +19,7 @@ function Dashboard() {
             <Breadcrumbs title="Dashboard" />
 
             <SignedOut>
-              <RedirectToHome />
+              <RedirectToLogin />
             </SignedOut>
 
             <SignedIn>

src/pages/login.tsx

@@ -0,0 +1,27 @@
+import { useEffect } from 'react';
+import { useHistory } from '@docusaurus/router';
+import { useModalStatus } from '@privy-io/react-auth';
+import { useSignIn } from '@site/src/helpers/useSignIn';
+
+function LoginPage() {
+  const history = useHistory();
+  const { isOpen } = useModalStatus();
+
+  const redirectToDashboard = () => {
+    history.push('/dashboard');
+  };
+
+  const { authenticated, ready, login } = useSignIn({
+    onComplete: redirectToDashboard,
+  });
+
+  useEffect(() => {
+    if (!ready || authenticated || isOpen) return;
+
+    login();
+  }, [ready, authenticated, isOpen, login]);
+
+  return null;
+}
+
+export default LoginPage;