+
+
+ {/* Blobs */}
+
+
+
+
+
+ {/* Dots */}
+ {DOTS.map((d, i) => (
+
+ ))}
+
+ Promise;
+ register: (credentials: RegistrationRequest) => Promise;
logout: () => void;
clearError: () => void;
}
@@ -21,6 +28,7 @@ export const useAuthStore = create()(
isAuthenticated: false,
isLoading: false,
error: null,
+ registrationMessage: null,
login: async (credentials: LoginRequest) => {
set({ isLoading: true, error: null });
@@ -51,6 +59,31 @@ export const useAuthStore = create()(
return false;
}
},
+ register: async (credentials: RegistrationRequest) => {
+ set({ isLoading: true, error: null });
+
+ try {
+ const response = await api.register(credentials);
+
+ set({
+ registrationMessage: response.message,
+ });
+
+ return true;
+ } catch (error) {
+ const errorMessage =
+ error instanceof Error ? error.message : "Registration failed";
+ set({
+ user: null,
+ token: null,
+ isAuthenticated: false,
+ isLoading: false,
+ error: errorMessage,
+ });
+
+ return false;
+ }
+ },
logout: () => {
set({
@@ -70,6 +103,6 @@ export const useAuthStore = create()(
token: state.token,
isAuthenticated: state.isAuthenticated,
}),
- }
- )
+ },
+ ),
);
diff --git a/src/utils/api.ts b/src/utils/api.ts
index ed0d40c..5604734 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -22,6 +22,12 @@ export interface LoginRequest {
email: string;
password: string;
}
+export interface RegistrationRequest {
+ email: string;
+ name: string;
+ avatar_url: string;
+ password: string;
+}
export interface User {
email: string;
@@ -96,6 +102,14 @@ class ApiClient {
body: JSON.stringify(credentials),
});
}
+ async register(
+ credentials: RegistrationRequest,
+ ): Promise<{ message: string }> {
+ return this.request<{ message: string }>("/auth/register/", {
+ method: "POST",
+ body: JSON.stringify(credentials),
+ });
+ }
// Authenticated request helper
async authenticatedRequest(
+ {/* Logo + heading */}
+
+ );
+};
diff --git a/src/pages/student/practice/Test.tsx b/src/pages/student/practice/Test.tsx
index ff6b1ad..bed0f8f 100644
--- a/src/pages/student/practice/Test.tsx
+++ b/src/pages/student/practice/Test.tsx
@@ -1807,6 +1807,7 @@ export const Test = () => {
+ 
{
+ (e.target as HTMLImageElement).style.display = "none";
+ }}
+ />
+
+ {/* Avatar preview */}
+
+
+ {/* Fields */}
+ {
+ (e.target as HTMLImageElement).style.display = "none";
+ }}
+ />
+
+ {/* Avatar preview */}
+
+ {avatarUrl && !avatarError ? (
+ 
setAvatarError(true)}
+ />
+ ) : (
+
+
+
+
+ Create account ✨
+Join EdBridge and start your SAT prep
+
+ {/* Name */}
+
+
+
+
+
+ {/* Email */}
+
+
+
+
+
+
+ {/* Avatar URL */}
+
+
+
+
+
+
+ {/* Password */}
+
+
+
+
+
+
+
+
+ {/* Strength bar */}
+ {password && (
+ <>
+
+ {[1, 2, 3].map((seg) => (
+
+
+ {/* Error */}
+ {error && (
+ = seg
+ ? `active-${STRENGTH_CLASSES[strength]}`
+ : ""
+ }`}
+ />
+ ))}
+
+ + {STRENGTH_LABELS[strength]} password +
+ + )} +
+ ⚠️ {error}
+
+ )}
+
+ {/* Submit */}
+
+ + Already have an account?{" "} + + Sign in + +
+