}
{activeTab === "Logout" &&
}
{activeTab === "Receive funds" &&
}
- {activeTab === "sign up" &&
}
+ {/* {activeTab === "sign up" &&
} */}
{activeTab === "History" &&
}
{activeTab === "Notification" &&
}
{activeTab === "Help" &&
}
diff --git a/components/auth/AuthPage.tsx b/components/auth/AuthPage.tsx
index e22b10d..0b9108d 100644
--- a/components/auth/AuthPage.tsx
+++ b/components/auth/AuthPage.tsx
@@ -1,90 +1,90 @@
-"use client";
+// "use client";
-import React, { useState } from "react";
-import LoginForm from "./LoginForm";
-import SignupForm from "./SignupForm";
-import VerifyForm from "./VerifyForm";
-import { Card } from "@/components/ui/Card";
-import Link from "next/link";
+// import React, { useState } from "react";
+// import LoginForm from "./LoginForm";
+// import SignupForm from "./SignupForm";
+// import VerifyForm from "./VerifyForm";
+// import { Card } from "@/components/ui/Card";
+// import Link from "next/link";
-export type AuthTab = "login" | "signup" | "verify";
+// export type AuthTab = "login" | "signup" | "verify";
-export interface EncryptedWalletData {
- encryptedMnemonic: string;
- encryptedWallets: {
- ethereum: string;
- bitcoin: string;
- solana: string;
- starknet: string;
- };
- publicAddresses: {
- ethereum: string;
- bitcoin: string;
- solana: string;
- starknet: string;
- };
-}
+// export interface EncryptedWalletData {
+// encryptedMnemonic: string;
+// encryptedWallets: {
+// ethereum: string;
+// bitcoin: string;
+// solana: string;
+// starknet: string;
+// };
+// publicAddresses: {
+// ethereum: string;
+// bitcoin: string;
+// solana: string;
+// starknet: string;
+// };
+// }
-interface AuthPageProps {
- initialTab?: AuthTab;
-}
+// interface AuthPageProps {
+// initialTab?: AuthTab;
+// }
-export default function AuthPage({ initialTab = "login" }: AuthPageProps) {
- const [activeTab, setActiveTab] = useState
(initialTab);
- const [email, setEmail] = useState("");
- const [walletData, setWalletData] = useState(
- null
- );
+// export default function AuthPage({ initialTab = "login" }: AuthPageProps) {
+// const [activeTab, setActiveTab] = useState(initialTab);
+// const [email, setEmail] = useState("");
+// const [walletData, setWalletData] = useState(
+// null
+// );
- // Enhanced setActiveTab to accept optional email and wallet data
- const handleSetActiveTab = (
- tab: AuthTab,
- emailArg?: string,
- walletDataArg?: EncryptedWalletData
- ) => {
- setActiveTab(tab);
- if (emailArg) setEmail(emailArg);
- if (walletDataArg) setWalletData(walletDataArg);
- };
+// // Enhanced setActiveTab to accept optional email and wallet data
+// const handleSetActiveTab = (
+// tab: AuthTab,
+// emailArg?: string,
+// walletDataArg?: EncryptedWalletData
+// ) => {
+// setActiveTab(tab);
+// if (emailArg) setEmail(emailArg);
+// if (walletDataArg) setWalletData(walletDataArg);
+// };
- return (
-
- {/* Left side - Branding */}
-
-
+// return (
+//
+// {/* Left side - Branding */}
+//
+//
-
- Welcome to
- VELO
-
-
-
- The fastest way to manage your crypto payments and splits
-
-
-
+//
+// Welcome to
+// VELO
+//
+//
+//
+// The fastest way to manage your crypto payments and splits
+//
+//
+//
- {/* Right side - Auth forms */}
-
-
- {activeTab === "login" && (
-
- )}
- {activeTab === "signup" && (
-
- )}
- {activeTab === "verify" && (
-
- )}
-
-
-
- );
-}
+// {/* Right side - Auth forms */}
+//
+//
+// {activeTab === "login" && (
+//
+// )}
+// {activeTab === "signup" && (
+//
+// )}
+// {activeTab === "verify" && (
+//
+// )}
+//
+//
+//
-
- Login to your account
-
+ if (success) {
+ router.push('/dashboard')
+ } else {
+ setApiMessage('Login failed. Please check your credentials.')
+ }
+ } catch (err) {
+ const message = err instanceof Error ? err.message : String(err)
+ setApiMessage(message)
+ } finally {
+ setIsLoading(false)
+ }
+ }
-
+
+ {/* Back button */}
+
+
+ Back to home
+
-export default function SignupForm({ setActiveTab }: SignupFormProps) {
- const [showPassword, setShowPassword] = useState(false);
- const [formData, setFormData] = useState({
- firstName: '',
- lastName: '',
- email: '',
- password: '',
- agreeToTerms: false,
- });
- const [isGenerating, setIsGenerating] = useState(false);
- const { register } = useAuth();
-
- const handleSubmit = async (e: React.FormEvent) => {
- e.preventDefault();
-
- if (!formData.agreeToTerms) {
- alert('You must agree to the terms and conditions');
- return;
- }
-
- setIsGenerating(true);
- try {
- const result = await register(formData.email, formData.password);
- if (result.success) {
- setActiveTab('verify', formData.email);
- }
- } catch (error) {
- console.error('Registration error:', error);
- alert(error instanceof Error ? error.message : 'Registration failed. Please try again.');
- } finally {
- setIsGenerating(false);
- }
- };
-
- return (
-
-
- Create an account
-
-
-
+
+
+
+
+ Already have an account?{' '}
+
+ Log in
+
+
+
+
+
+
+
+
Missing email address.
+
+ Go back to Signup
+
+
+
+ )
+ }
+
+ const handleChange = (index: number, value: string) => {
+ if (!/^[0-9]?$/.test(value)) return
+ const newOtp = [...otp]
+ newOtp[index] = value
+ setOtp(newOtp)
+
+ // Auto-focus next input
+ if (value && index < 5) {
+ const nextInput = document.getElementById(`otp-${index + 1}`)
+ nextInput?.focus()
+ }
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setApiMessage(null)
+ setIsLoading(true)
+
+ try {
+ const code = otp.join('')
+ const result = await verifyOtp(email, code)
+
+ if (result?.success) {
+ setApiMessage('✅ Email verified successfully!')
+ setTimeout(() => {
+ router.push('/dashboard')
+ }, 1500)
+ } else {
+ setApiMessage(result?.message || 'Verification failed. Try again.')
+ }
+ } catch (err) {
+ setApiMessage(err instanceof Error ? err.message : 'Verification failed.')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ const handleResend = async () => {
+ setApiMessage(null)
+ setResending(true)
+ try {
+ const result = await resendOtp(email)
+ setApiMessage(result?.message || 'A new code has been sent to your email.')
+ } catch {
+ setApiMessage('Failed to resend verification code.')
+ }
+ setResending(false)
+ }
+
+ return (
+
+
+ {/* Back button */}
+
+
+ Back to signup
+
+
+ {/* Header */}
+
+
Verify your email
+
+ Enter the 6-digit code sent to {email}
+
+
+
+ {/* Verify Form */}
+
-
- );
-}
\ No newline at end of file
+
+
+
+