🎨 clear the unused import
This commit is contained in:
@ -5,7 +5,6 @@ import React, { useEffect, useState } from "react";
|
|||||||
import Login from "@/features/auth/ui/Login";
|
import Login from "@/features/auth/ui/Login";
|
||||||
import SecurityCheckup from "@/features/auth/ui/SecurityCheckup";
|
import SecurityCheckup from "@/features/auth/ui/SecurityCheckup";
|
||||||
import SecurityCheckupFailed from "@/features/auth/ui/SecurityCheckupFailed";
|
import SecurityCheckupFailed from "@/features/auth/ui/SecurityCheckupFailed";
|
||||||
import disableDevtool from "disable-devtool";
|
|
||||||
|
|
||||||
const LoginPage = () => {
|
const LoginPage = () => {
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -1,45 +0,0 @@
|
|||||||
import { Button } from "@heroui/react";
|
|
||||||
import { Icon } from "@iconify/react";
|
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
const ContinueWithProviders = () => {
|
|
||||||
// set to true if there are other providers coming soon
|
|
||||||
const comingSoonProviders: boolean = true;
|
|
||||||
|
|
||||||
// Provider for third-party auth
|
|
||||||
const oAuthProviders = [
|
|
||||||
{
|
|
||||||
name: "Google",
|
|
||||||
icon: "logos:google-icon",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Discord",
|
|
||||||
icon: "logos:discord-icon",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="w-full flex flex-col gap-2 mt-4">
|
|
||||||
{oAuthProviders.map((provider, index) => {
|
|
||||||
return (
|
|
||||||
<Button
|
|
||||||
key={index}
|
|
||||||
className="w-full hover:bg-neutral-800"
|
|
||||||
variant="bordered"
|
|
||||||
startContent={<Icon icon={provider.icon} />}
|
|
||||||
>
|
|
||||||
Continue with {provider.name}
|
|
||||||
</Button>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
|
|
||||||
{comingSoonProviders && (
|
|
||||||
<Button className="w-full" variant="ghost" isDisabled>
|
|
||||||
Other login options will come soon
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ContinueWithProviders;
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { Card, Divider, Link } from "@heroui/react";
|
|
||||||
import { routes } from "@/shared/config/routes";
|
|
||||||
import React from "react";
|
|
||||||
import ContinueWithProviders from "../ContinueWithProviders";
|
|
||||||
import EmailForm from "@/features/login/ui/EmailForm";
|
|
||||||
|
|
||||||
const LoginCard = () => {
|
|
||||||
return (
|
|
||||||
<Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-[460px]">
|
|
||||||
<h1 className="text-3xl font-light text-center">Welcome Back</h1>
|
|
||||||
|
|
||||||
{/* Email form */}
|
|
||||||
<EmailForm />
|
|
||||||
|
|
||||||
{/* Sign up link */}
|
|
||||||
<p className="text-center text-neutral-300 text-sm font-light mt-5">
|
|
||||||
Don't have an account?{" "}
|
|
||||||
<Link className="text-sm font-medium" href={routes.signup}>
|
|
||||||
Sign Up
|
|
||||||
</Link>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{/* Divider between email form and third-party login options */}
|
|
||||||
<div className="flex w-full items-center mt-4">
|
|
||||||
<Divider className="flex-1" />
|
|
||||||
<span className="px-2 text-neutral-500 text-sm">or</span>
|
|
||||||
<Divider className="flex-1" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Buttons for third-party login options */}
|
|
||||||
<ContinueWithProviders />
|
|
||||||
</Card>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default LoginCard;
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { Card, Divider, Link } from "@heroui/react";
|
|
||||||
import { routes } from "@/shared/config/routes";
|
|
||||||
import React from "react";
|
|
||||||
import ContinueWithProviders from "../ContinueWithProviders";
|
|
||||||
import EmailForm from "@/features/signup/ui/EmailForm";
|
|
||||||
|
|
||||||
const SignupCard = () => {
|
|
||||||
return (
|
|
||||||
<Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-[460px]">
|
|
||||||
<h1 className="text-3xl font-light text-center">Create an account</h1>
|
|
||||||
|
|
||||||
{/* Email form */}
|
|
||||||
<EmailForm />
|
|
||||||
|
|
||||||
{/* Log in link */}
|
|
||||||
<p className="text-center text-neutral-300 text-sm font-light mt-5">
|
|
||||||
Already have an account?{" "}
|
|
||||||
<Link className="text-sm font-medium" href={routes.login}>
|
|
||||||
Log in
|
|
||||||
</Link>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{/* Divider between email form and third-party login options */}
|
|
||||||
<div className="flex w-full items-center mt-4">
|
|
||||||
<Divider className="flex-1" />
|
|
||||||
<span className="px-2 text-neutral-500 text-sm">or</span>
|
|
||||||
<Divider className="flex-1" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Buttons for third-party login options */}
|
|
||||||
<ContinueWithProviders />
|
|
||||||
</Card>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default SignupCard;
|
|
||||||
Reference in New Issue
Block a user