Merge pull request #61 from coderKrysio/master

updated details

Author: coderKrysio

components/Connections/ConnectionCard.tsx

@@ -1,16 +1,73 @@
+import { AccountAPI } from "@/lib/accountapi"
+import Template1 from "@/lib/templates/template1"
+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 [userDetails, setUserDetails] = useState({
+        name: "",
+        email: "",
+        type: "",
+        userId: "",
+    })
+
+    const [cardInfo, setCardInfo] = useState({
+        profession: "",
+        organisation: "",
+        firmType: "",
+        contactNo: "",
+        socials: [],
+    })
+
+    const getDetails = () => {
+    }
+
+    useEffect(() => {
+        AccountAPI.getUserCardDocument(cardId).then((res: any) => {
+          console.log(res, "user")
+          const data = res.documents[0]
+          setUserDetails((prev: any) => ({
+              ...prev,
+              name: data.name,
+              email: data.email,
+              type: data.type,
+              userId: data.userId,
+          }))
+        })
+
+        AccountAPI.fetchingProfile(cardId).then((res: any) => {
+          console.log(res,"profile")
+          if(res.total != 0) {
+              const data = res.documents[0]
+              setCardInfo((prev: any) => ({
+                  ...prev,
+                  profession: data.profession,
+                  organisation: data.organisation,
+                  firmType: data.firmType,
+                  contactNo: data.contactNo,
+                  socials: data.socials,
+              }))
+          }
+        })
+        console.log(userDetails)
+        console.log(cardInfo)      
+    },[])
+    console.log(userDetails)
+    console.log(cardInfo)
+
     return (
       <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="bg-[#ffd803] w-[350px] h-[175px] rounded-lg"
-          >
+          <div className="relative w-[333px] h-[198px] rounded-lg">
+              {userDetails.name != "" && <div
+              className={themeStyle}
+              ><Template1 {...{
+                  userDetails,
+                  cardInfo,
+              }}/></div>}
           </div>
-  
-          <p
-          className="text-center font-medium pt-2"
-          >Date Added: 00/00/000</p>
       </div>
     )
   }

components/Connections/Connections.tsx

@@ -17,18 +17,20 @@ const Connections = ({userDetails}: any) => {
     useEffect(() => {
         AccountAPI.fetchingCards(userDetails.userId)
         .then((res: any) => {
-            const data = res.documents[0]
-            setCardDetails((prev: any) => ({
-                ...prev,
-                userId: data.userId,
-                card1: data.card1,
-                card2: data.card2,
-                card3: data.card3,
-                card4: data.card4,
-                card5: data.card5,
-                card6: data.card6,
-            }))
-            if(data.card1 != "") setConnections(1)
+            if(res.total == 1){
+                const data = res.documents[0]
+                setCardDetails((prev: any) => ({
+                    ...prev,
+                    userId: data.userId,
+                    card1: data.card1,
+                    card2: data.card2,
+                    card3: data.card3,
+                    card4: data.card4,
+                    card5: data.card5,
+                    card6: data.card6,
+                }))
+                if(data.card1 != "") setConnections(1)
+            }            
         })
     },[userDetails.userId])
 

lib/accountapi.ts

@@ -133,6 +133,14 @@ export const AccountAPI = {
         }).catch((err: any) => console.log(err))
     },
 
+    getUserCardDocument: async(userId: any) => {
+        return await database.listDocuments(DATABASE_ID, USER_COLLECTION_ID,
+            [
+                Query.equal("userId", [userId]),
+            ]
+        )
+    },
+
     fetchingProfile: async (userId: any) => {
         return await database.listDocuments(DATABASE_ID, PROFILE_COLLECTION_ID,
             [