Refactor RegisterForm component

Splits the RegisterForm component into smaller, more manageable components to improve code readability and maintainability.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 16:18:10 +00:00
parent 7024c6423f
commit 5d1ff46c3e
4 changed files with 283 additions and 193 deletions

View File

@@ -0,0 +1,55 @@
import React from "react";
import { useNavigate } from "react-router-dom";
import { Mail, InfoIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
interface EmailConfirmationProps {
email: string;
onBackToForm: () => void;
}
const EmailConfirmation: React.FC<EmailConfirmationProps> = ({ email, onBackToForm }) => {
const navigate = useNavigate();
return (
<div className="neuro-flat p-8 mb-6">
<div className="text-center space-y-6">
<Mail className="w-16 h-16 mx-auto text-neuro-income" />
<h2 className="text-2xl font-bold"> </h2>
<p className="text-gray-600">
<strong>{email}</strong> .
.
</p>
<Alert className="bg-blue-50 border-blue-200 my-6">
<InfoIcon className="h-5 w-5 text-blue-600" />
<AlertTitle className="text-blue-700"> ?</AlertTitle>
<AlertDescription className="text-blue-600">
. .
</AlertDescription>
</Alert>
<div className="space-y-4 pt-4">
<Button
onClick={() => navigate("/login")}
variant="outline"
className="w-full"
>
</Button>
<Button
onClick={onBackToForm}
variant="ghost"
className="w-full"
>
</Button>
</div>
</div>
</div>
);
};
export default EmailConfirmation;