@@ -414,8 +402,8 @@ const Dashboard = () => {
-
);
+});
+
+const Dashboard = () => {
+ return (
+
+
+
+ );
};
export default Dashboard;
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 8b45d6d..5483b91 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -1,127 +1,24 @@
-
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import { Button } from "@/components/ui/button";
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { toast } from "@/components/ui/use-toast";
-import Navbar from "@/components/Navbar";
-import { ArrowLeft, Mail } from "lucide-react";
+import { useEffect } from "react";
+import { useRedirectFunctions, useAuthInfo } from "@propelauth/react";
+import { RedirectIfLoggedIn } from "@/components/AuthComponents";
const Login = () => {
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [isLoading, setIsLoading] = useState(false);
-
- const handleSubmit = async (e) => {
- e.preventDefault();
- setIsLoading(true);
+ const { redirectToLoginPage } = useRedirectFunctions();
- // Simulate login process
- setTimeout(() => {
- setIsLoading(false);
-
- // Show success toast and redirect
- toast({
- title: "Success!",
- description: "You have successfully logged in.",
- });
-
- // Here you would typically redirect to the dashboard
- // For now, we'll just log
- console.log("Login successful");
- }, 1500);
- };
+ useEffect(() => {
+ // Redirect to PropelAuth's hosted login page
+ redirectToLoginPage({
+ postLoginRedirectUrl: window.location.origin + "/dashboard"
+ });
+ }, [redirectToLoginPage]);
return (
-
-
-
-
-
-
- Back to home
-
-
-
-
- Log in
-
- Enter your email to log in to your account
-
-
-
-
-
-
-
-
-
- Or continue with
-
-
-
- Don't have an account?{" "}
-
- Sign up
-
-
-
-
-
+
+
+
Redirecting to login page...
+
);
};
-export default Login;
+export default Login;
\ No newline at end of file
diff --git a/src/pages/Signup.tsx b/src/pages/Signup.tsx
index 74a6ce0..17091e4 100644
--- a/src/pages/Signup.tsx
+++ b/src/pages/Signup.tsx
@@ -1,134 +1,24 @@
-
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import { Button } from "@/components/ui/button";
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { toast } from "@/components/ui/use-toast";
-import Navbar from "@/components/Navbar";
-import { ArrowLeft, Mail } from "lucide-react";
+import { useEffect } from "react";
+import { useRedirectFunctions } from "@propelauth/react";
+import { RedirectIfLoggedIn } from "@/components/AuthComponents";
const Signup = () => {
- const [name, setName] = useState("");
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [isLoading, setIsLoading] = useState(false);
-
- const handleSubmit = async (e) => {
- e.preventDefault();
- setIsLoading(true);
+ const { redirectToSignupPage } = useRedirectFunctions();
- // Simulate signup process
- setTimeout(() => {
- setIsLoading(false);
-
- // Show success toast
- toast({
- title: "Account created!",
- description: "You have successfully created your account.",
- });
-
- // Here you would typically redirect to the dashboard
- // For now, we'll just log
- console.log("Signup successful");
- }, 1500);
- };
+ useEffect(() => {
+ // Redirect to PropelAuth's hosted signup page
+ redirectToSignupPage({
+ postSignupRedirectUrl: window.location.origin + "/dashboard"
+ });
+ }, [redirectToSignupPage]);
return (
-
-
-
-
-
-
- Back to home
-
-
-
-
- Sign up
-
- Create an account to get started
-
-
-
-
-
-
-
-
-
- Or continue with
-
-
-
- Already have an account?{" "}
-
- Log in
-
-
-
-
-
+
+
+
Redirecting to signup page...
+
);
};
-export default Signup;
+export default Signup;
\ No newline at end of file
diff --git a/src/utils/AuthProvider.tsx b/src/utils/AuthProvider.tsx
new file mode 100644
index 0000000..67ddc6e
--- /dev/null
+++ b/src/utils/AuthProvider.tsx
@@ -0,0 +1,17 @@
+import { AuthProvider as PropelAuthProvider } from '@propelauth/react';
+import { useAuthSync } from '../hooks/useAuthSync';
+
+const AuthProvider = ({ children }) => {
+ return (
+
+ {children}
+
+ );
+};
+
+const AuthSyncWrapper = ({ children }) => {
+ useAuthSync();
+ return <>{children};
+};
+
+export default AuthProvider;
\ No newline at end of file
diff --git a/src/utils/supabase.ts b/src/utils/supabase.ts
new file mode 100644
index 0000000..21a8de7
--- /dev/null
+++ b/src/utils/supabase.ts
@@ -0,0 +1,7 @@
+// src/utils/supabase.js
+import { createClient } from '@supabase/supabase-js';
+
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
+const supabaseKey = import.meta.env.VITE_SUPABASE_ANON_KEY;
+
+export const supabase = createClient(supabaseUrl, supabaseKey);
\ No newline at end of file