make ux a little bit better on initial signup

Author: realjoshuau

apps/nextjs/src/app/page.tsx

@@ -1,18 +1,30 @@
+"use client";
+
 import { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
+import { redirect, useSearchParams } from "next/navigation";
 import { buttonVariants } from "@/components/ui/button";
 import { SignUp } from "@/components/user-auth-form";
 import { cn } from "@/lib/utils";
 
 import { signup } from "./actions";
 
-export const metadata: Metadata = {
-  title: "Authentication",
-  description: "Authentication forms built using the components.",
-};
+// export const metadata: Metadata = {
+//   title: "Authentication",
+//   description: "Authentication forms built using the components.",
+// };
 
 export default function AuthenticationPage() {
+  const searchParams = useSearchParams();
+  const noredir = searchParams.get("noredir");
+  const code = searchParams.get("code");
+  if (code) {
+    redirect("/signin?signup=true&code=" + code);
+  }
+  // if (!noredir) {
+  //   redirect("/signin");
+  // }
   return (
     <>
       <div className="md:hidden">

apps/nextjs/src/app/registered/page.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert";
+
+const SuccessPage: React.FC = () => {
+  return (
+    <div>
+      <Alert>
+        <AlertTitle>Success!</AlertTitle>
+        <AlertDescription>
+          Your account on "scouting-app" has been created successfully.
+        </AlertDescription>
+      </Alert>
+    </div>
+  );
+};
+
+export default SuccessPage;

apps/nextjs/src/app/signin/page.tsx

@@ -3,13 +3,21 @@
 import { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
+import { redirect, useSearchParams } from "next/navigation";
 import { buttonVariants } from "@/components/ui/button";
 import { SignIn } from "@/components/user-auth-form";
 import { cn } from "@/lib/utils";
 
 import { signin } from "./actions";
 
 export default function LoginPage() {
+  const searchParams = useSearchParams();
+  const noredir = searchParams.get("noredir");
+  const code = searchParams.get("code");
+  const isSignup = searchParams.get("signup");
+  if (code && isSignup) {
+    redirect("/registered?action=show_coming_soon&code=" + code);
+  }
   return (
     <>
       <div className="md:hidden">
@@ -30,7 +38,7 @@ export default function LoginPage() {
       </div>
       <div className="container relative hidden h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
         <Link
-          href="/signup"
+          href="/?noredir=true"
           className={cn(
             buttonVariants({ variant: "ghost" }),
             "absolute right-4 top-4 md:right-8 md:top-8",