v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ref: change auth setting in Login Screen

Browse source
This commit is contained in:
Luis Felipe Cadavid 2024-09-24 17:35:35 -05:00
parent 9d31ea245c
commit 12c90ff120
26 changed files with 1149 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

56
app/account/login/page.tsx
View file

@ -1,26 +1,46 @@
"use client"
import LoginForm from "@organisms/LoginForm"
import React from "react"
"use client";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
import ForgotPasswordForm from "@organisms/ForgotPasswordForm";
import LoginForm from "@organisms/LoginForm";
const LoginPage: React.FC = () => {
const { t } = useTranslation();
const [showForgotPassword, setShowForgotPassword] = useState(false); // Nuevo estado para alternar entre Login y Recuperación de contraseña
return (
<div className="flex min-h-screen items-center justify-center bg-gradient-to-r from-blue-900 to-blue-700">
<div className="w-full max-w-md rounded-lg bg-white p-10 shadow-lg">
<h2 className="mb-8 text-center text-4xl font-bold text-blue-900">Iniciar Sesión</h2>
<LoginForm />
<div className="mt-4 text-center">
<button
onClick={() => alert("Recuperación de contraseña")} //TODO: Implement password recovery
className="text-sm text-blue-600 hover:underline"
>
¿Olvidaste tu contraseña?
</button>
</div>
{showForgotPassword ? (
<>
<h2 className="mb-8 text-center text-4xl font-bold text-blue-900">{t("lbl_reset_password")}</h2>
<ForgotPasswordForm />
<div className="mt-4 text-center">
<button
onClick={() => setShowForgotPassword(false)} // Permitir volver al formulario de Login
className="text-sm text-blue-600 hover:underline"
>
{t("msj_back_to_login")}
</button>
</div>
</>
) : (
<>
<h2 className="mb-8 text-center text-4xl font-bold text-blue-900">{t("lbl_login")}</h2>
<LoginForm />
<div className="mt-4 text-center">
<button
onClick={() => setShowForgotPassword(true)} // Mostrar el formulario de recuperación de contraseña
className="text-sm text-blue-600 hover:underline"
>
{t("msj_forgot_password")}
</button>
</div>
</>
)}
</div>
</div>
)
}
);
};
export default LoginPage
export default LoginPage;