\n \n

\n {isLogin ? 'Welcome Back' : 'Create Account'}\n

\n {isLogin ? 'Sign in to access your dashboard' : 'Join Eagle Majdes to track your property interests'}\n

\n\n

\n {!isLogin && (\n

\n Full Name\n setFormData({ ...formData, name: e.target.value })}\n className={`form-input ${errors.name ? 'border-red-500' : ''}`}\n placeholder=\"Enter your full name\"\n />\n {errors.name &&

{errors.name}

}\n

\n )}\n\n

\n Email Address\n setFormData({ ...formData, email: e.target.value })}\n className={`form-input ${errors.email ? 'border-red-500' : ''}`}\n placeholder=\"Enter your email\"\n />\n {errors.email &&

{errors.email}

}\n

\n\n

\n Phone Number\n setFormData({ ...formData, phone: e.target.value })}\n className={`form-input ${errors.phone ? 'border-red-500' : ''}`}\n placeholder=\"Enter your phone number\"\n />\n {errors.phone &&

{errors.phone}

}\n

\n\n {errors.general && (\n

{errors.general}

\n )}\n\n \n {loading ? (\n

\n ) : (\n \n )}\n {loading ? 'Processing...' : (isLogin ? 'Sign In' : 'Create Account')}\n \n \n\n

\n setIsLogin(!isLogin)}\n className=\"text-teal-600 hover:text-teal-700 text-sm\"\n >\n {isLogin ? \"Don't have an account? Create one\" : \"Already have an account? Sign in\"}\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {user.name.charAt(0).toUpperCase()}\n

Welcome, {user.name}

{user.email}

\n onUserUpdate(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n Sign Out\n \n

\n\n {/* Tabs */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id as any)}\n className={`flex items-center space-x-2 py-4 px-2 border-b-2 font-medium text-sm whitespace-nowrap transition-colors ${\n activeTab === tab.id\n ? 'border-teal-600 text-teal-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n \n {tab.label}\n \n ))}\n

\n\n {/* Tab Content */}\n

\n {activeTab === 'profile' && (\n

Profile Information

\n Full Name\n \n

\n Email Address\n \n

\n Phone Number\n \n

\n \n To update your profile information, please contact our support team.\n

\n )}\n\n {activeTab === 'interests' && (\n

Your Interests

\n onNavigate('gardens')}\n className=\"btn-primary\"\n >\n \n Explore Gardens\n \n

\n\n {user.interests.length > 0 ? (\n

\n {user.interests.map((gardenId) => {\n // This would normally fetch garden data, but for demo we'll use placeholder\n return (\n

Garden {gardenId}

\n handleInterestToggle(gardenId)}\n className=\"text-red-500 hover:text-red-700\"\n >\n \n \n

Premium residential estate with modern amenities.

\n onNavigate('garden-detail', gardenId)}\n className=\"flex-1 btn-primary text-sm\"\n >\n \n View Details\n \n onNavigate('contact')}\n className=\"px-3 py-2 border border-teal-600 text-teal-600 rounded-lg hover:bg-teal-50 transition-colors\"\n >\n \n \n

\n );\n })}\n

\n ) : (\n

\n \n

No interests yet

Start exploring our gardens to add them to your interests.

\n onNavigate('gardens')}\n className=\"btn-primary\"\n >\n \n Explore Gardens\n \n

\n )}\n

\n )}\n\n {activeTab === 'payments' && (\n

Payment History

\n {user.payments && user.payments.length > 0 ? (\n

\n \n \n \n \n \n \n \n \n \n \n {user.payments.map((payment) => (\n \n \n \n \n \n \n ))}\n \n

\n Payment ID\n	\n Amount\n	\n Status\n	\n Date\n
\n {payment.id}\n	\n ₦{payment.amount.toLocaleString()}\n	\n \n {payment.status}\n \n	\n {new Date(payment.createdAt).toLocaleDateString()}\n

\n ) : (\n

\n \n

No payments yet

Your payment history will appear here once you make a purchase.

\n onNavigate('properties')}\n className=\"btn-primary\"\n >\n \n Browse Properties\n \n

\n )}\n

\n )}\n\n {activeTab === 'bookings' && (\n

Your Bookings

\n {user.bookings && user.bookings.length > 0 ? (\n

\n {user.bookings.map((booking) => (\n

Booking #{booking.id}

\n \n {booking.status}\n \n

\n Property:\n {booking.propertyId}\n

\n Date:\n {new Date(booking.createdAt).toLocaleDateString()}\n

\n {booking.notes && (\n

{booking.notes}

\n )}\n onNavigate('contact')}\n className=\"w-full btn-secondary text-sm\"\n >\n \n Contact Support\n \n

\n ))}\n

\n ) : (\n

\n \n

No bookings yet

Your property bookings will appear here.

\n onNavigate('properties')}\n className=\"btn-primary\"\n >\n \n Browse Properties\n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/godinoarts/Eaglemajdes/code/frontend/components/DashboardPage.tsx","extension","actionData","errors"]