Our Clients Who Uses Syncify Most
*/} -
-
+ );
};
export default Sponsors;
diff --git a/src/components/Home/banner.jsx b/src/components/Home/banner.jsx
index 6a8a874..e6b926c 100644
--- a/src/components/Home/banner.jsx
+++ b/src/components/Home/banner.jsx
@@ -1,48 +1,113 @@
import { Link } from "react-router-dom";
+import bannerDark from "../../assets/bannerDark.png";
+import bannerLight from "../../assets/bannerLight.png";
+import { AuthContext } from "../../Providers/AuthProviders/AuthProviders";
+import { useContext } from "react";
const Banner = () => {
- return (
-
- {data.map((item, index) => (
-
+
- 
-
- ))}
+ return (
+
+
- );
+ ))}
+
+
+
+
-
-
-
+ );
};
-export default Banner;
\ No newline at end of file
+export default Banner;
diff --git a/src/components/Pages/Authentication/Login/Login.jsx b/src/components/Pages/Authentication/Login/Login.jsx
index 5901063..fa78941 100644
--- a/src/components/Pages/Authentication/Login/Login.jsx
+++ b/src/components/Pages/Authentication/Login/Login.jsx
@@ -10,14 +10,15 @@ import { AuthContext } from "../../../../Providers/AuthProviders/AuthProviders";
const Login = () => {
const axiosData = useAxios();
const navigate = useNavigate();
- const [logindata , setLogindata] = useState({
- email : "",
- password : ""
- })
- const [error, setError] = useState("")
- const {loading,setLoading} = useContext(AuthContext)
+ const [reload, setReload] = useState(false);
+ const [logindata, setLogindata] = useState({
+ email: "",
+ password: "",
+ });
+ const [error, setError] = useState("");
+ const { loading, setLoading } = useContext(AuthContext);
- console.log({loading, setLoading})
+ console.log({ loading, setLoading });
const [passwordVisible, setPasswordVisible] = useState(false);
@@ -28,162 +29,172 @@ const Login = () => {
const handleChange = (e) => {
setLogindata({
...logindata,
- [e.target.name] : e.target.value
- })
- }
+ [e.target.name]: e.target.value,
+ });
+ };
const handleSignInWithGoogle = async (response) => {
-
- try{
- // console.log(response); // Logging the response for debugging
+ try {
+ // console.log(response); // Logging the response for debugging
console.log(response);
- const payload = response.credential
- console.log('payload', typeof payload)
+ const payload = response.credential;
+ console.log("payload", typeof payload);
setLoading(true);
- const server_res = await axios.post("https://projectsyncifyapi.onrender.com/api/v1/auth/google/", {"access_token": payload})
+ const server_res = await axios.post(
+ "https://projectsyncifyapi.onrender.com/api/v1/auth/google/",
+ { access_token: payload }
+ );
setLoading(false);
- console.log('server -> ',server_res)
-
+ console.log("server -> ", server_res);
const user = {
- "email": server_res.data.email,
- "name": server_res.data.full_name,
- "userId": server_res.data.user_id
- }
+ email: server_res.data.email,
+ name: server_res.data.full_name,
+ userId: server_res.data.user_id,
+ };
- if(server_res.status === 200){
- localStorage.setItem('user', JSON.stringify(user))
- localStorage.setItem('access', JSON.stringify(server_res.data.access_token))
- localStorage.setItem('refresh', JSON.stringify(server_res.data.refresh_token))
+ if (server_res.status === 200) {
+ localStorage.setItem("user", JSON.stringify(user));
+ localStorage.setItem(
+ "access",
+ JSON.stringify(server_res.data.access_token)
+ );
+ localStorage.setItem(
+ "refresh",
+ JSON.stringify(server_res.data.refresh_token)
+ );
navigate("/workspace");
- toast.success("login successfull")
- }
- }
- catch(err){
- setLoading(false)
- console.log('error from google -> ',err.response.status)
- if(err.response.status === 500){
- toast.warning("Server Error!!!")
- }
+ toast.success("login successfull");
+ }
+ } catch (err) {
+ setLoading(false);
+ console.log("error from google -> ", err.response.status);
+ if (err.response.status === 500) {
+ toast.warning("Server Error!!!");
+ }
}
-
-
};
- const handleSubmit = async(e) => {
- e.preventDefault()
- const {email , password} = logindata
- if(!email || !password){
- setError("All fields are required")
- }
- else{
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ const { email, password } = logindata;
+ if (!email || !password) {
+ setError("All fields are required");
+ } else {
try {
- setLoading(true)
- const res = await axiosData.post("/auth/login/",logindata)
- const response = res.data
- console.log('response from login -> ',response)
- setLoading(false)
+ setLoading(true);
+ const res = await axiosData.post("/auth/login/", logindata);
+ const response = res.data;
+ console.log("response from login -> ", response);
+ setLoading(false);
+ console.log({ response });
const user = {
- "email" : response.email,
- "names" : response.full_name,
- "userId" : response.user_id
- }
- if(res.status === 200){
- localStorage.setItem("user",JSON.stringify(user))
- localStorage.setItem('access',JSON.stringify(response.access_token))
- localStorage.setItem('refresh',JSON.stringify(response.refresh_token))
- setLoading(false)
- navigate("/workspace")
- toast.success(response.message)
+ email: response.email,
+ names: response.full_name,
+ userId: response.user_id,
+ };
+ console.log({ user });
+ if (res.status === 200) {
+ localStorage.setItem("user", JSON.stringify(user));
+ localStorage.setItem("access", JSON.stringify(response.access_token));
+ localStorage.setItem(
+ "refresh",
+ JSON.stringify(response.refresh_token)
+ );
+ setLoading(false);
+ navigate("/workspace");
+ toast.success(response.message);
+ setReload(!reload)
}
- console.log(response)
- }
- catch (error) {
- setLoading(false)
- if(error.response.status === 500){
- toast.warning("Server Error!")
+ console.log(response);
+ } catch (error) {
+ setLoading(false);
+ if (error.response.status === 500) {
+ toast.warning("Server Error!");
}
-
- console.log(error)
- console.log(error.response.status)
+
+ console.log(error);
+ console.log(error.response.status);
}
}
- }
+ };
useEffect(() => {
- //global google
- google.accounts.id.initialize({
- client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID, // Using client ID from environment variable
- callback: handleSignInWithGoogle // Callback function when sign-in completes
- });
+ //global google
+ google.accounts.id.initialize({
+ client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID, // Using client ID from environment variable
+ callback: handleSignInWithGoogle, // Callback function when sign-in completes
+ });
- // Render the sign-in button
- google.accounts.id.renderButton(
- document.getElementById("signInDiv"), // Assuming there's an element with id 'signInDiv'
- {
- theme: "outline",
- size: "large",
- text: "continue_with",
- shape: "circle",
- width: 200 // Width should be a number, not a string
- }
- );
- },[])
+ // Render the sign-in button
+ google.accounts.id.renderButton(
+ document.getElementById("signInDiv"), // Assuming there's an element with id 'signInDiv'
+ {
+ theme: "outline",
+ size: "large",
+ text: "continue_with",
+ shape: "circle",
+ width: 200, // Width should be a number, not a string
+ }
+ );
+ }, [reload]);
return (
-
-
- - A smarter way to work -
-
-
+ const { user } = useContext(AuthContext);
+ return (
+
- With ProjectSyncify, you can drive clarity and impact at scale by
- connecting work and
workflows to company-wide goals.
-
+
+
+
+
+
-
-
+
+ + A smarter way to work +
+
+
-
+ With ProjectSyncify, you can drive clarity and impact at scale by
+ connecting work and
workflows to company-wide goals.
+
-
-
-
-
-
-
-
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Syncify Project Management +
++ With ProjectSyncify, you can drive clarity and impact at scale by + connecting work and workflows to company-wide goals. +
+ {!user ? ( + + + + ) : ( + + + + )} +
+
- );
+
+
+ Syncify Project Management +
++ With ProjectSyncify, you can drive clarity and impact at scale by + connecting work and workflows to company-wide goals. +
+ {!user ? ( + + + + ) : ( + + + + )} +
- {loading &&
Loging Processing....
}
+
+ {loading && (
+
+
);
};
diff --git a/src/components/Pages/Authentication/Register/Register.jsx b/src/components/Pages/Authentication/Register/Register.jsx
index 9b3738e..cca427a 100644
--- a/src/components/Pages/Authentication/Register/Register.jsx
+++ b/src/components/Pages/Authentication/Register/Register.jsx
@@ -5,157 +5,127 @@ import { useEffect, useState } from "react";
import useAxios from "../../../../hooks/useAxios";
import { Link, useNavigate, useSearchParams } from "react-router-dom";
import { toast } from "react-toastify";
-import { FcGoogle } from "react-icons/fc";
-import { FaGithub } from "react-icons/fa";
import axios from "axios";
// import SocialLogin from "../../../../pages/shared/SocialLogin";
+const image_hosting_key = import.meta.env.VITE_IMAGE_HOSTING_KEY;
+const image_upload_api = `https://api.imgbb.com/1/upload?key=${image_hosting_key}`;
+
const Register = () => {
const navigate = useNavigate();
- const [searchparams] = useSearchParams()
+ const [searchparams] = useSearchParams();
const axiosData = useAxios();
+ const [imageUrl, setImageUrl] = useState("");
const [formdata, setFormdata] = useState({
email: "",
first_name: "",
last_name: "",
password: "",
password2: "",
-
- })
-
+ image: "",
+ });
const handleChange = (e) => {
setFormdata({
...formdata,
- [e.target.name]: e.target.value
- })
- }
+ [e.target.name]: e.target.value,
+ });
+ };
+
+ const { email, first_name, last_name, password, password2, image } = formdata;
+
+ const handleImageUpload = async (e) => {
+ const imageFile = new FormData();
+ imageFile.append("image", e.target.files[0]);
+
+ try {
+ const imageRes = await axios.post(image_upload_api, imageFile);
+ const image_url = imageRes.data.data.url;
+ setImageUrl(image_url);
+ setFormdata({
+ ...formdata,
+ image: image_url,
+ });
+ } catch (error) {
+ console.error("Image upload failed:", error);
+ toast.error("Image upload failed");
+ }
+ };
- const { email, first_name, last_name, password, password2 } = formdata
const handleSubmit = async (e) => {
- e.preventDefault()
- console.log('Fromdata -> ',formdata)
- if (!email || !first_name || !last_name || !password || !password2) {
- alert("All fields are required")
+ e.preventDefault();
+
+ if (!email || !first_name || !last_name || !password || !password2 || !imageUrl) {
+ alert("All fields are required");
+ return;
}
- else if (password !== password2) {
- alert("Password does not match")
+
+ if (password !== password2) {
+ alert("Passwords do not match");
+ return;
}
- else {
- try {
- console.log('formdata->',formdata)
- const res = await axiosData.post("/auth/register/", formdata)
- const response = res.data
- console.log(response)
- console.log(response)
- if (res.status === 201) {
- toast.success("please check email and provide otp!!!")
- navigate("/otp/verify")
- }
- } catch (error) {
- console.log('error -> ',error.response.data.email[0])
- toast.warning(error.response.data.email[0])
+ try {
+ const res = await axiosData.post("/auth/register/", formdata);
+ const response = res.data;
+ if (res.status === 201) {
+ toast.success("Please check email and provide OTP!!!");
+ navigate("/otp/verify");
}
+ } catch (error) {
+ console.log("Error -> ", error.response.data.email[0]);
+ toast.warning(error.response.data.email[0]);
}
- }
+ };
const handleSignInWithGoogle = async (response) => {
-
- try{
- // console.log(response); // Logging the response for debugging
- console.log(response);
- const payload = response.credential
- console.log('payload', typeof payload)
- const server_res = await axios.post("https://projectsyncifyapi.onrender.com/api/v1/auth/google/", {"access_token": payload})
- console.log('server -> ',server_res)
-
+ try {
+ const payload = response.credential;
+ const server_res = await axios.post("https://projectsyncifyapi.onrender.com/api/v1/auth/google/", { "access_token": payload });
const user = {
- "email": server_res.data.email,
- "name": server_res.data.full_name
+ email: server_res.data.email,
+ name: server_res.data.full_name,
+ image: server_res.data.image,
+ };
+
+ if (server_res.status === 200) {
+ localStorage.setItem("user", JSON.stringify(user));
+ localStorage.setItem("access", JSON.stringify(server_res.data.access_token));
+ localStorage.setItem("refresh", JSON.stringify(server_res.data.refresh_token));
+ navigate("/workspace");
+ toast.success("Login successful");
+ }
+ } catch (err) {
+ console.log("Error from Google -> ", err.response.status);
+ if (err.response.status === 500) {
+ toast.warning("Server side facing error");
}
-
- if(server_res.status === 200){
- localStorage.setItem('user', JSON.stringify(user))
- localStorage.setItem('access', JSON.stringify(server_res.data.access_token))
- localStorage.setItem('refresh', JSON.stringify(server_res.data.refresh_token))
- navigate("/dashboard");
- toast.success("login successfull")
- }
- }
- catch(err){
- console.log('error from google -> ',err.response.status)
- if(err.response.status === 500){
- toast.warning("Server side facing error")
- }
}
-
-
};
- const handleSignInWithGithub = async (response) => {
- window.location.assign(`https://github.com/login/oauth/authorize/?client_id=${import.meta.env.VITE_GITHU_ID}`)
- }
-
- const send_code_to_backend = async () => {
- if(searchparams){
- try {
- const qcode = searchparams.get('code');
- const response = await axiosInstance.post('/auth/github/', {"code": qcode})
- const result = response.data
-
- console.log('result -> ',result)
-
- if(response.status === 200){
-
- const user = {
- "email": result.email,
- "name": result.full_name
- }
-
- localStorage.setItem('user', JSON.stringify(user))
- localStorage.setItem('access', JSON.stringify(result.access_token))
- localStorage.setItem('refresh', JSON.stringify(result.refresh_token))
- navigate("/workspace");
- toast.success("login successfull")
- }
- } catch (error) {
- console.log(error)
+ let code = searchparams.get('code');
+ useEffect(() => {
+ console.log(import.meta.env.VITE_GOOGLE_CLIENT_ID);
+
+ const userData = localStorage.getItem("user");
+ console.log({ userData });
+
+ google.accounts.id.initialize({
+ client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID,
+ callback: handleSignInWithGoogle,
+ });
+
+ google.accounts.id.renderButton(
+ document.getElementById("signInDiv"),
+ {
+ theme: "outline",
+ size: "large",
+ text: "continue_with",
+ shape: "circle",
+ width: 200,
}
- }
- }
-
-
-let code = searchparams.get('code')
-useEffect(() => {
- console.log(import.meta.env.VITE_GOOGLE_CLIENT_ID)
-
- const userData = localStorage.getItem("user");
- console.log({userData})
-
-
- if(code){
- send_code_to_backend()
- }
-
- //global google
- google.accounts.id.initialize({
- client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID, // Using client ID from environment variable
- callback: handleSignInWithGoogle // Callback function when sign-in completes
- });
-
- // Render the sign-in button
- google.accounts.id.renderButton(
- document.getElementById("signInDiv"), // Assuming there's an element with id 'signInDiv'
- {
- theme: "outline",
- size: "large",
- text: "continue_with",
- shape: "circle",
- width: 200 // Width should be a number, not a string
- }
- );
-},[code])
+ );
+ }, [code]);
return (
+ Loging
+ Processing....
+
+ )}
-
+
-
+
- -
+
Login
Login with your social account
- {/*
__________________________________or__________________________________
- -
+
New Here ?
- Sign up and discover a grea amount of opportunities + Sir-gragn up and discover a grea amount of opportunities
@@ -177,35 +147,25 @@ useEffect(() => {
/>
-
+
+
Register
-
+
Login with your social account
-
- {/* */}
+
-
-
-
-
+
__________________________________or__________________________________
-
-
-
Login with your social account
-
- {/* */}
+
__________________________________or__________________________________
-
-
-
-
+
-
-