made changes

Author: coderKrysio

app/login/page.tsx

@@ -9,6 +9,7 @@ export default function Login() {
     const router = useRouter();
     const [user, setUser] = useState()
     const [userNo, setUserNo] = useState(0);
+    const [userId, setUserId] = useState();
     const [profileIcon, setProfileIcon] = useState(false)
     const [details, setDetails] = useState({
         name: "",
@@ -23,6 +24,7 @@ export default function Login() {
         .then((res: any) => {
             getAccount(res)
             setUser(res)
+            setUserId(res.$id)
         })
         .catch((err) => console.log(err));
     }
@@ -61,7 +63,7 @@ export default function Login() {
             <div className='flex h-screen w-screen justify-center items-center bg-[#f3fbfb] text-[#272343] pt-[60px]'>
                 <div className='h-full pt-[30px] w-fit m-auto'>
                     {user ? 
-                        <></>
+                        <>{router.push(`/profile/${userId}`)}</>
                         : 
                         <LogInMain {...{
                             details,

app/profile/[id]/page.tsx

@@ -45,6 +45,8 @@ const Profile = () => {
         } 
     },[profileUser])
 
+    console.log(profileUser)
+
     return (
         <>            
             {profileDetails.userId != "" &&         
@@ -53,7 +55,7 @@ const Profile = () => {
                     <div className='flex w-screen h-screen overflow-hidden'>
                         <div className='flex flex-col h-screen w-full pt-[60px]'>
                             <Navbar profileIcon={profileIcon} />
-                            <ProfileForm />
+                            <ProfileForm user={user} setProfileUser={setProfileUser} />
                         </div>
                     </div>
                     : 

app/signup/page.tsx

@@ -41,8 +41,6 @@ export default function SignUp() {
         AccountAPI.emailSignUp(details)
         .then((res: any) => {
             handleSigning(res)
-            localStorage.setItem("userId",res.$id)
-            router.push(`/profile/${res.$id}`)   
         }).catch((err: any) => console.log(err))     
     }
 
@@ -55,6 +53,7 @@ export default function SignUp() {
             }))
             localStorage.setItem("userId",res.$id)
             localStorage.setItem("type",res.type)
+            router.push(`/profile/${res.$id}`)  
         }).catch((err: any) => console.log(err))
     }
 

components/Connections/ConnectionCard.tsx

@@ -1,10 +1,11 @@
 import { AccountAPI } from "@/lib/accountapi"
 import Template1 from "@/lib/templates/template1"
+import { useRouter } from "next/navigation"
 import { useEffect, useState } from "react"
 
 const ConnectionCard = ({cardId}: any) => {
-    console.log(cardId)
-    const themeStyle = "absolute -top-[44px] -left-[73px] w-[475px] h-[282px] bg-gradient-to-r from-[#7F7FD5] to-[#91EAE4] rounded-xl scale-[0.7] z-20 hover:cursor-pointer";
+    const router = useRouter()
+    const themeStyle = "absolute -top-[44px] -left-[73px] w-[475px] h-[282px] bg-gradient-to-r from-[#7F7FD5] to-[#91EAE4] rounded-xl scale-[0.7] z-20";
     const [userDetails, setUserDetails] = useState({
         name: "",
         email: "",
@@ -20,9 +21,6 @@ const ConnectionCard = ({cardId}: any) => {
         socials: [],
     })
 
-    const getDetails = () => {
-    }
-
     useEffect(() => {
         AccountAPI.getUserCardDocument(cardId).then((res: any) => {
           console.log(res, "user")
@@ -60,7 +58,9 @@ const ConnectionCard = ({cardId}: any) => {
       <div
       className="h-[225px] w-[375px] m-auto flex flex-col justify-center items-center max-[470px]:scale-[0.87] max-[400px]:scale-[0.85] max-[470px]:m-0"
       >
-          <div className="relative w-[333px] h-[198px] rounded-lg">
+          <div 
+          onClick={() => router.push(`/card/${cardId}`)}
+          className="relative w-[333px] h-[198px] rounded-lg hover:cursor-pointer">
               {userDetails.name != "" && <div
               className={themeStyle}
               ><Template1 {...{

components/LandingPage.tsx

@@ -25,11 +25,11 @@ const LandingPage = () => {
             /></div>
 
             <div className='absolute bottom-0 m-[10px] mb-[70px] flex flex-col gap-[25px] justify-center items-center max-[550px]:mb-[100px]'>
-                <h1 className="text-6xl font-semibold text-center">
+                <h1 className="text-9xl font-semibold text-center">
                     Bizzygram
                 </h1>
 
-                <h3 className="text-2xl text-center">
+                <h3 className="text-3xl text-center">
                     Connect with a Tap,
                     <br />
                     Your Network in One Snap!

components/ProfileForm/CardInfo.tsx

@@ -3,6 +3,7 @@ import { useState } from 'react'
 
 const CardInfo = ({setOpenSocials, user}: any) => {
     const inputStyle = "rounded-md border border-slate-300 py-1 px-3 text-lg mb-2 bg-[#bae8e8] text-[#272343] font-medium focus:outline-none focus:ring-[#272343] focus:ring-2 max-[550px]:mb-[20px]";
+    const userType = "Individual"
     const [profileDetails, setProfileDetails] = useState({
         contactNo: "",
         profession: "",
@@ -20,15 +21,15 @@ const CardInfo = ({setOpenSocials, user}: any) => {
 
     const handleNextBtn = () => {
         setOpenSocials(true)
-        AccountAPI.addingNewProfile(profileDetails)
+        AccountAPI.addingNewProfile(user, profileDetails)
     }
 
     return (
         <div className='flex flex-col justify-center items-center'>
             <div 
             className='grid grid-cols-[150px_minmax(150px,_300px)] items-center gap-[15px] max-[550px]:grid-cols-1 max-[550px]:gap-[5px]'
             >
-                {user.type == "Individual" ? <>
+                {userType == "Individual" ? <>
                     <p
                     className='text-xl font-medium'
                     >Profession</p>

components/ProfileForm/ProfileForm.tsx

@@ -3,7 +3,7 @@ import CardInfo from "./CardInfo"
 import SocialsInfo from "./SocialInfo"
 import Image from "next/image";
 
-const ProfileForm = ({user}: any) => {
+const ProfileForm = ({user, setProfileUser}: any) => {
     const [openSocials, setOpenSocials] = useState(false);
 
     return (
@@ -13,7 +13,7 @@ const ProfileForm = ({user}: any) => {
                 className='w-fit ml-0'
                 onClick={() => setOpenSocials(false)}
                 ><Image 
-                    src='/images/back.png' 
+                    src='/images/left-arrow.png' 
                     alt="Back"
                     width={25} 
                     height={25}
@@ -34,7 +34,7 @@ const ProfileForm = ({user}: any) => {
             className="flex h-[500px] items-start justify-center p-1 overflow-scroll"
             >
                 {!openSocials ? <CardInfo user={user} setOpenSocials={setOpenSocials} /> :
-                <SocialsInfo {...{user}} />}
+                <SocialsInfo {...{user, setProfileUser}} />}
             </div>
         </div>
     )

components/ProfileForm/SocialInfo.tsx

@@ -1,19 +1,19 @@
 import { AccountAPI } from "@/lib/accountapi"
 import { useRouter } from "next/navigation";
 
-const SocialsInfo = ({user}: any) => {
+const SocialsInfo = ({user, setProfileUser}: any) => {
     const router = useRouter()
     const links: any = ["","", "", "", "", "", "", ""]
 
     const inputStyle = "rounded-md border border-slate-300 py-1 px-3 text-lg mb-2 bg-[#bae8e8] text-[#272343] font-medium focus:outline-none focus:ring-[#272343] focus:ring-2 max-[550px]:mb-[20px]";
 
     const handleNextBtn = () => {       
         AccountAPI.updatingSocials(user.$id, links)
-        router.push('/login')
+        setProfileUser(1)
     }
 
     return (
-        <div className='flex flex-col justify-center items-center overflow-scroll mb-[40px]'>
+        <div className='flex flex-col justify-center items-center overflow-scroll mb-[40px] p-4'>
             <div 
             className='grid grid-cols-[150px_minmax(150px,_300px)] items-center gap-[15px] max-[550px]:grid-cols-1 max-[550px]:gap-[5px]'
             >

components/SignUp-In/SignUpMain.tsx

@@ -62,7 +62,7 @@ const SignUpMain = ({details, setDetails, userNo, setUserNo, setShowUserType, ha
                 className='w-fit ml-0'
                 onClick={handleBackBtn}
                 ><Image 
-                    src='/images/back.png' 
+                    src='/images/left-arrow.png' 
                     width={25} 
                     height={25}
                     alt="Back"
@@ -80,7 +80,7 @@ const SignUpMain = ({details, setDetails, userNo, setUserNo, setShowUserType, ha
                 >
                     <Image 
                     className='mr-4'
-                    src='https://res.cloudinary.com/db7nrltsv/image/upload/v1685734638/search_bi0uwu.png' 
+                    src='/images/google.png' 
                     width={25}
                     height={25}
                     alt="Google"

lib/accountapi.ts

@@ -98,14 +98,14 @@ export const AccountAPI = {
         )
     },
 
-    addingNewProfile: async (res:any) => {
+    addingNewProfile: async (res:any, profileDetails: any) => {
         return await database.createDocument(DATABASE_ID, PROFILE_COLLECTION_ID, ID.unique(), {
             userId: res.$id,
             type: res.type,
-            profession: res.profession,
-            organisation: res.organisation,
-            firmType: res.firmType,
-            contactNo: res.contactNo,
+            profession: profileDetails.profession,
+            organisation: profileDetails.organisation,
+            firmType: profileDetails.firmType,
+            contactNo: profileDetails.contactNo,
         }, [
             Permission.write(Role.any()),
         ]).then(() => {