🎨 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 SecurityCheckup from "@/features/auth/ui/SecurityCheckup";
|
||||
import SecurityCheckupFailed from "@/features/auth/ui/SecurityCheckupFailed";
|
||||
import disableDevtool from "disable-devtool";
|
||||
|
||||
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