App directory #4

apps/metamigo-frontend/app/login/_components/Login.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { FC } from "react";
+import { Button } from "@mui/material";
+import { signIn, signOut, useSession } from "next-auth/react";
+
+export const Login: FC = () => {
+  const { data: session } = useSession();
+
+  return (
+    <>
+      {!session && (
+        <>
+          Not signed in <br />
+          <Button variant="contained" onClick={signIn as any}>
+            Sign in
+          </Button>
+        </>
+      )}
+      {session && (
+        <>
+          Signed in as {session.user?.email} <br />
+          <Button variant="contained" onClick={signOut as any}>
+            Sign out
+          </Button>
+        </>
+      )}
+    </>
+  );
+};

apps/metamigo-frontend/app/login/page.tsx

@@ -0,0 +1,5 @@
+import { Login } from "./_components/Login";
+
+export default function Page() {
+  return <Login />;
+}