apply same changes to signup

vSpaceWallet · Dec 2, 2024 · c715729 · c715729
1 parent 157e6cd
commit c715729
Showing 1 changed file with 50 additions and 77 deletions.
diff --git a/src/components/auth/signup/Signup.tsx b/src/components/auth/signup/Signup.tsx
@@ -55,86 +55,59 @@ export function Signup() {
   };
 
   return (
-    <>
-      <div className="md:hidden">
-        <NextImage
-          src="/examples/authentication-light.png"
-          width={1280}
-          height={843}
-          alt="Authentication"
-          className="block dark:hidden"
-        />
-        <NextImage
-          src="/examples/authentication-dark.png"
-          width={1280}
-          height={843}
-          alt="Authentication"
-          className="hidden dark:block"
-        />
-      </div>
-      <div className="container relative hidden h-full flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
-        <Link
-          href="/auth/login"
-          className={cn(
-            buttonVariants({ variant: "ghost" }),
-            "absolute right-4 top-4 md:right-8 md:top-8"
-          )}
-        >
-          Login
-        </Link>
-        <div className="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
-          <div className="absolute inset-0 bg-zinc-900" />
-          <div className="relative z-20 flex gap-1 items-center text-lg font-medium">
-            <NextImage
-              src="/lc_logo.jpg"
-              width={36}
-              height={36}
-              alt="LangChain Logo"
-              className="rounded-full"
-            />
-            Open Canvas
-          </div>
+    <div className="container relative h-full flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
+      <Link
+        href="/auth/login"
+        className={cn(
+          buttonVariants({ variant: "ghost" }),
+          "absolute md:flex hidden right-4 top-4 md:right-8 md:top-8"
+        )}
+      >
+        Login
+      </Link>
+      <div className="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
+        <div className="absolute inset-0 bg-zinc-900" />
+        <div className="relative z-20 flex gap-1 items-center text-lg font-medium">
+          <NextImage
+            src="/lc_logo.jpg"
+            width={36}
+            height={36}
+            alt="LangChain Logo"
+            className="rounded-full"
+          />
+          Open Canvas
         </div>
-        <div className="lg:p-8">
-          <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
-            <div className="flex flex-col space-y-2 text-center">
-              <h1 className="text-2xl font-semibold tracking-tight">
-                Create an account
-              </h1>
-              <p className="text-sm text-muted-foreground">
-                Enter your email below to create your account
-              </p>
-            </div>
-            <UserAuthForm
-              onSignupWithEmail={onSignupWithEmail}
-              onSignupWithOauth={onSignupWithOauth}
-            />
-            {isError && (
-              <p className="text-red-500 text-sm text-center">
-                There was an error creating your account. Please try again.
-              </p>
-            )}
-            {/* No TOS or privacy policy atm. */}
-            {/* <p className="px-8 text-center text-sm text-muted-foreground">
-              By clicking continue, you agree to our{" "}
-              <Link
-                href="/terms"
-                className="underline underline-offset-4 hover:text-primary"
-              >
-                Terms of Service
-              </Link>{" "}
-              and{" "}
-              <Link
-                href="/privacy"
-                className="underline underline-offset-4 hover:text-primary"
-              >
-                Privacy Policy
-              </Link>
-              .
-            </p> */}
+      </div>
+      <div className="lg:p-8">
+        <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
+          <div className="flex flex-col space-y-2 text-center">
+            <h1 className="text-2xl font-semibold tracking-tight">
+              Create an account
+            </h1>
+            <Link
+              href="/auth/login"
+              className={cn(
+                buttonVariants({ variant: "ghost" }),
+                "md:hidden flex"
+              )}
+            >
+              Login
+            </Link>
+            <p className="text-sm text-muted-foreground">
+              Enter your email below to create your account
+            </p>
           </div>
+          <UserAuthForm
+            onSignupWithEmail={onSignupWithEmail}
+            onSignupWithOauth={onSignupWithOauth}
+          />
+          {isError && (
+            <p className="text-red-500 text-sm text-center">
+              There was an error creating your account. Please try again.
+            </p>
+          )}
         </div>
       </div>
-    </>
+    </div>
   );
 }