diff --git a/apps/X/app/favicon.ico b/apps/X/app/favicon.ico index 718d6fe..04e167a 100644 Binary files a/apps/X/app/favicon.ico and b/apps/X/app/favicon.ico differ diff --git a/apps/X/app/layout.tsx b/apps/X/app/layout.tsx index f630b8e..6c998cf 100644 --- a/apps/X/app/layout.tsx +++ b/apps/X/app/layout.tsx @@ -12,7 +12,7 @@ const geistMono = localFont({ }); export const metadata: Metadata = { - title: "Create Next App", + title: "ProjectX", description: "Generated by create next app", }; diff --git a/apps/X/app/login/page.tsx b/apps/X/app/login/page.tsx index 9ffc7fe..93b0024 100644 --- a/apps/X/app/login/page.tsx +++ b/apps/X/app/login/page.tsx @@ -1,9 +1,11 @@ -import { SigninComp } from "@/components/ui"; +import { LoginComp } from "@/components/ui"; const Login = () => { return (
-
+
+ +
); }; diff --git a/apps/X/app/signin/page.tsx b/apps/X/app/signin/page.tsx new file mode 100644 index 0000000..bf07438 --- /dev/null +++ b/apps/X/app/signin/page.tsx @@ -0,0 +1,11 @@ +import { SigninComp } from "@/components/ui"; + +const page = () => { + return ( +
+ +
+ ); +}; + +export default page; diff --git a/apps/X/public/file-text.svg b/apps/X/public/file-text.svg deleted file mode 100644 index 9cfb3c9..0000000 --- a/apps/X/public/file-text.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/apps/X/public/globe.svg b/apps/X/public/globe.svg deleted file mode 100644 index 4230a3d..0000000 --- a/apps/X/public/globe.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/apps/X/public/next.svg b/apps/X/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/apps/X/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/X/public/turborepo-dark.svg b/apps/X/public/turborepo-dark.svg deleted file mode 100644 index dae38fe..0000000 --- a/apps/X/public/turborepo-dark.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/apps/X/public/turborepo-light.svg b/apps/X/public/turborepo-light.svg deleted file mode 100644 index ddea915..0000000 --- a/apps/X/public/turborepo-light.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/apps/X/public/vercel.svg b/apps/X/public/vercel.svg deleted file mode 100644 index 0164ddc..0000000 --- a/apps/X/public/vercel.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/apps/X/public/window.svg b/apps/X/public/window.svg deleted file mode 100644 index bbc7800..0000000 --- a/apps/X/public/window.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/apps/X/src/components/ui/LoginComp.tsx b/apps/X/src/components/ui/LoginComp.tsx index b209d84..f1051fd 100644 --- a/apps/X/src/components/ui/LoginComp.tsx +++ b/apps/X/src/components/ui/LoginComp.tsx @@ -1,3 +1,122 @@ +"use client"; +import { signIn } from "next-auth/react"; +import { X_logo } from "./X_logo"; +import { Input } from "./input"; +import { Button } from "./button"; +import { useState } from "react"; +import { FaGithub } from "react-icons/fa6"; +import { FcGoogle } from "react-icons/fc"; +import Link from "next/link"; + export const LoginComp = () => { - return
Test
; + const [formData, setFormData] = useState({ + username: "", + name: "", + email: "", + password: "", + }); + + const handelFormChange = (e: React.ChangeEvent) => { + setFormData({ + ...formData, + [e.target.name]: e.target.value, + }); + }; + + const handelCredentialSignin = async () => { + console.log("Reaching here"); + try { + console.log("Reaching here"); + + await signIn("credentials", { + username: formData.username, + email: formData.email, + name: formData.name, + password: formData.password, + }); + } catch (error) { + console.log(error, "Error with Credentials"); + } + }; + + return ( +
+
+ +
+ +
+
Sign in to 𝕏
+ +
+
+
+ + +
+
+
+

or

+
+
+ +
+ + + +
+
+
+ + +
+

+ Don't have Account ?{" "} + + Sign Up + +

+
+
+

+ By signing up, you agree to the{" "} + Terms of Service and + Privacy Policy, including + Cookie Use. +

+
+
+
+ ); }; diff --git a/apps/X/src/components/ui/SigninRightCom.tsx b/apps/X/src/components/ui/SigninRightCom.tsx index fdd7e8a..f1cb074 100644 --- a/apps/X/src/components/ui/SigninRightCom.tsx +++ b/apps/X/src/components/ui/SigninRightCom.tsx @@ -71,14 +71,14 @@ export const SigninRightCom = () => { Cookie Use.

Already have an account?
- + - + Sign In - + diff --git a/apps/X/src/components/ui/UserCredentials.tsx b/apps/X/src/components/ui/UserCredentials.tsx index 1f79f62..80bb747 100644 --- a/apps/X/src/components/ui/UserCredentials.tsx +++ b/apps/X/src/components/ui/UserCredentials.tsx @@ -4,6 +4,7 @@ import { useState } from "react"; import { Button } from "./button"; import { Input } from "./index"; import { X_logo } from "./X_logo"; +import Link from "next/link"; export const UserCredentials = () => { const [formData, setFormData] = useState({ @@ -84,6 +85,15 @@ export const UserCredentials = () => { > Create Account + +
+

+ Already have Account ?{" "} + + Login + +

+
);