-
+1
+ {/* Email Form */}
+
-
-
-
- or
-
-
-
- {/* Social Login Options */}
-
-
-
-
-
-
-
-
-
+
+
+ setEmail(e.target.value)}
+ required
+ />
- )}
- {showVerification && (
-
+
+
+
+ or
+
+
+
+ {/* Social Login Options */}
+
+
+
+
+
By continuing, you agree to CommunityRentals.App's{" "}
diff --git a/frontend/src/contexts/AuthContext.tsx b/frontend/src/contexts/AuthContext.tsx
index 16b368a..6a57e23 100644
--- a/frontend/src/contexts/AuthContext.tsx
+++ b/frontend/src/contexts/AuthContext.tsx
@@ -13,6 +13,7 @@ interface AuthContextType {
loading: boolean;
login: (email: string, password: string) => Promise;
register: (data: any) => Promise;
+ googleLogin: (idToken: string) => Promise;
logout: () => void;
updateUser: (user: User) => void;
}
@@ -66,6 +67,12 @@ export const AuthProvider: React.FC = ({ children }) => {
setUser(response.data.user);
};
+ const googleLogin = async (idToken: string) => {
+ const response = await authAPI.googleLogin({ idToken });
+ localStorage.setItem("token", response.data.token);
+ setUser(response.data.user);
+ };
+
const logout = () => {
localStorage.removeItem("token");
setUser(null);
@@ -77,7 +84,7 @@ export const AuthProvider: React.FC = ({ children }) => {
return (
{children}
diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts
index be1dd63..19fd059 100644
--- a/frontend/src/services/api.ts
+++ b/frontend/src/services/api.ts
@@ -39,6 +39,7 @@ api.interceptors.response.use(
export const authAPI = {
register: (data: any) => api.post("/auth/register", data),
login: (data: any) => api.post("/auth/login", data),
+ googleLogin: (data: any) => api.post("/auth/google", data),
};
export const userAPI = {
diff --git a/frontend/src/types/google.d.ts b/frontend/src/types/google.d.ts
new file mode 100644
index 0000000..0a1426d
--- /dev/null
+++ b/frontend/src/types/google.d.ts
@@ -0,0 +1,29 @@
+declare global {
+ interface Window {
+ google?: {
+ accounts: {
+ id: {
+ initialize: (config: {
+ client_id: string;
+ callback: (response: { credential: string }) => void;
+ auto_select?: boolean;
+ cancel_on_tap_outside?: boolean;
+ }) => void;
+ renderButton: (
+ element: HTMLElement,
+ config: {
+ theme?: "outline" | "filled_blue" | "filled_black";
+ size?: "large" | "medium" | "small";
+ width?: string;
+ text?: "signin_with" | "signup_with" | "continue_with" | "signin";
+ shape?: "rectangular" | "pill" | "circle" | "square";
+ }
+ ) => void;
+ prompt: (momentListener?: (notification: any) => void) => void;
+ };
+ };
+ };
+ }
+}
+
+export {};
\ No newline at end of file