+
Apex Access
+
+
Sign in
+
Use the email and password assigned to your account. Landlords are approved by admin, and managers are added by landlords.
-
-
-
Welcome Back
-
Access your workspace.
-
-
- {error &&
{error}
}
+ {error &&
{error}
}
-
-
-
- Need an account?
Create one
+
+
+
+ Need an account? Create one
diff --git a/client/src/pages/Register.jsx b/client/src/pages/Register.jsx
index 00f3826..3f202fc 100644
--- a/client/src/pages/Register.jsx
+++ b/client/src/pages/Register.jsx
@@ -1,19 +1,12 @@
import React, { useEffect, useState } from 'react';
import { Link, Navigate, useNavigate } from 'react-router-dom';
-import { Building, Home, Lock, Mail, Phone, ShieldCheck, User, UserPlus } from 'lucide-react';
+import { Building, Home, Lock, Mail, Phone, User, UserPlus } from 'lucide-react';
import { useSession } from '../hooks/useSession';
import { showErrorAlert, showToast } from '../lib/alerts';
import { getApiErrorMessage } from '../lib/api';
import { authService } from '../services/authService';
-import { formatRoleLabel, ROLES, SELF_SERVICE_REGISTRATION_OPTIONS } from '../utils/roles';
import '../styles/Auth.css';
-const roleIcons = {
- [ROLES.TENANT]: Home,
- [ROLES.LANDLORD]: Building,
- [ROLES.PROPERTY_MANAGER]: ShieldCheck
-};
-
const Register = () => {
const navigate = useNavigate();
const { isAuthenticated, loading: sessionLoading } = useSession();
@@ -22,7 +15,6 @@ const Register = () => {
email: '',
password: '',
phoneNumber: '',
- role: ROLES.TENANT,
interestedProperty: '',
interestedUnit: ''
});
@@ -56,16 +48,6 @@ const Register = () => {
const selectedUnits = selectedProperty?.units || [];
const handleFieldChange = (field, value) => {
- if (field === 'role' && value !== ROLES.TENANT) {
- setFormData((current) => ({
- ...current,
- role: value,
- interestedProperty: '',
- interestedUnit: ''
- }));
- return;
- }
-
setFormData((current) => ({
...current,
[field]: value
@@ -78,11 +60,14 @@ const Register = () => {
setError('');
try {
- const response = await authService.register(formData);
+ const response = await authService.register({
+ ...formData,
+ role: 'tenant'
+ });
await showToast({
icon: 'success',
- title: formData.role === ROLES.TENANT ? 'Application Submitted' : 'Account Created',
- text: response.message || 'Your account request has been received.'
+ title: 'Application Submitted',
+ text: response.message || 'Your application has been received. A confirmation email will follow after review.'
});
navigate('/login');
} catch (requestError) {
@@ -95,163 +80,110 @@ const Register = () => {
};
return (
-
-
-
-
Account Setup
-
Pick role. Pick place. Apply fast.
-
Clear color shows what is selected.
-
-
- Role
- {formatRoleLabel(formData.role)}
-
- {formData.role === ROLES.TENANT && (
- <>
-
- Property
- {selectedProperty?.name || 'Not selected'}
-
-
- Unit
- {formData.interestedUnit ? `Unit ${formData.interestedUnit}` : 'Not selected'}
-
-
- )}
-
+
+
+
+
Apply
-
-
-
Create Account
-
Create your access.
+ {error &&
{error}
}
+
+