udpated book status counters in profile screen

mobile/Constants/ID.ts

@@ -0,0 +1,7 @@
+export default {
+    mainDBID: "65ce2a55036051cbf5fb",
+    bookCollectionID: "65ce2a5a8bea7335ef01",
+    authorCollectionID: "65ce2aa3affa7165ee7b",
+    editionCollectionID: "65ce394edd6d6603ac1e",
+    bookStatusCollectionID: "65da112a731dfc9bc51f",
+}

mobile/Screens/ProfileScreen.tsx

@@ -1,20 +1,132 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import BookInfoModal from "../Components/BookInfoModal";
 import {
   View,
   Text,
   SafeAreaView,
   Button,
+  StyleSheet,
   Pressable,
   TouchableOpacity,
 } from "react-native";
+import { Query } from "appwrite";
+import { client } from "../appwrite";
+import { Databases, Account } from "appwrite";
 import Colors from "../Constants/Colors";
+import ID from "../Constants/ID";
 import { BookInfoContext, NavigationContext } from "../Contexts";
 
+const databases = new Databases(client);
 
 export const Profile = (props) => {
+  // const user_id = request.nextUrl.searchParams.get("user_id");
+  // const user_id = account.get();
   const { navigation } = props;
+  const account = new Account(client);
+  const user_id = account.get();
   const [isBookInfoModalVisible, setIsBookInfoModalVisible] = useState(false);
+  const promise = databases.listDocuments(
+    ID.mainDBID,
+    ID.bookStatusCollectionID,
+    [Query.equal("user_id", user_id as unknown as string)],
+  );
+  const [booksReadCount, setBooksReadCount] = useState(0);
+  const [booksCurrReadingCount, setBooksCurrReadingCount] = useState(0);
+  const [booksWantToReadCount, setBooksWantToReadCount] = useState(0);
+  const [booksDidNotFinishCount, setBooksDidNotFinishCount] = useState(0);
+
+  useEffect(() => {
+    const account = new Account(client);
+    account
+      .get()
+      .then((response) => {
+        const user_id = response.$id; // user id in $id ?
+        const databases = new Databases(client);
+        const promise = databases.listDocuments(
+          ID.mainDBID,
+          ID.bookStatusCollectionID,
+          [Query.equal("user_id", user_id)],
+        );
+
+        promise.then(
+          function (response) {
+            const documents = response.documents;
+            let readCount = 0;
+            let currReadingCount = 0;
+            let wantToReadCount = 0;
+            let didNotFinishCount = 0;
+
+            documents.forEach((doc) => {
+              switch (doc.status) {
+                case "READ":
+                  readCount++;
+                  break;
+                case "CURRENTLY_READING":
+                  currReadingCount++;
+                  break;
+                case "WANT_TO_READ":
+                  wantToReadCount++;
+                  break;
+                case "DID_NOT_FINISH":
+                  didNotFinishCount++;
+                  break;
+                default:
+                  break;
+              }
+            });
+            setBooksReadCount(readCount);
+            setBooksCurrReadingCount(currReadingCount);
+            setBooksWantToReadCount(wantToReadCount);
+            setBooksDidNotFinishCount(didNotFinishCount);
+          },
+          function (error) {
+            console.log(error);
+          },
+        );
+      })
+      .catch((error) => {
+        console.error("Error fetching user ID:", error);
+      });
+  }, []);
+
+  // promise.then(
+  //   function (response) {
+  //     // console.log(response); // Success
+  //     const documents = response.documents;
+  //     let readCount = 0;
+  //     let currReadingCount = 0;
+  //     let wantToReadCount = 0;
+  //     let didNotFinishCount = 0;
+  //     console.log(documents);
+
+  //     documents.forEach((doc) => {
+  //       switch (doc.status) {
+  //         case "READ":
+  //           readCount++;
+  //           break;
+  //         case "CURRENTLY_READING":
+  //           currReadingCount++;
+  //           break;
+  //         case "WANT_TO_READ":
+  //           wantToReadCount++;
+  //           break;
+  //         case "DID_NOT_FINISH":
+  //           didNotFinishCount++;
+  //           break;
+  //         default:
+  //           break;
+  //       }
+  //     });
+  //     setBooksReadCount(readCount);
+  //     setBooksCurrReadingCount(currReadingCount);
+  //     setBooksWantToReadCount(wantToReadCount);
+  //     setBooksDidNotFinishCount(didNotFinishCount);
+  //   },
+  //   function (error) {
+  //     console.log(error); // Failure
+  //   },
+  // );
+
   const bookInfo = {
     coverImage: "",
     title: "The Poppy War",
@@ -25,26 +137,44 @@ export const Profile = (props) => {
   // Function to toggle the visibility of the modal
   const toggleBookInfoModal = () => {
     setIsBookInfoModalVisible(!isBookInfoModalVisible);
-    navigation.navigate("bookInfoModal", { bookInfo: bookInfo});
+    navigation.navigate("bookInfoModal", { bookInfo: bookInfo });
   };
 
   return (
-    <BookInfoContext.Provider value={bookInfo}>
-      <SafeAreaView style={{ flex: 1 }}>
-        <Text>Profile!</Text>
-        <TouchableOpacity
-          onPress={toggleBookInfoModal}
-          style={{
-            backgroundColor: Colors.BUTTON_PURPLE,
-            paddingHorizontal: 20,
-            paddingVertical: 10,
-            borderRadius: 5,
-            margin: 130,
-          }}
-        >
-          <Text style={{ color: "white" }}>Testing Book Info</Text>
-        </TouchableOpacity>
-      </SafeAreaView>
-    </BookInfoContext.Provider>
+    // <BookInfoContext.Provider value={bookInfo}>
+    <SafeAreaView style={{ flex: 1 }}>
+      <Text style={styles.text}>Profile</Text>
+      <Text style={styles.text}>Books read: {booksReadCount}</Text>
+      <Text style={styles.text}>
+        Books currently reading: {booksCurrReadingCount}
+      </Text>
+      <Text style={styles.text}>
+        Books want to read: {booksWantToReadCount}
+      </Text>
+      <Text style={styles.text}>
+        Books did not finish: {booksDidNotFinishCount}
+      </Text>
+      <TouchableOpacity
+        onPress={toggleBookInfoModal}
+        style={{
+          backgroundColor: Colors.BUTTON_PURPLE,
+          paddingHorizontal: 20,
+          paddingVertical: 10,
+          borderRadius: 5,
+          marginBottom: 150,
+          marginHorizontal: 150,
+        }}
+      >
+        <Text style={{ color: "white" }}>Book Info</Text>
+      </TouchableOpacity>
+    </SafeAreaView>
+    // </BookInfoContext.Provider>
   );
 };
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 20,
+    margin: 30,
+  },
+});

mobile/Screens/SignIn.tsx

@@ -57,7 +57,6 @@ export const SignIn = (props) => {
         }),
     );
     // if sign-in successful, nav to next screen
-    // navigation.navigate('screen');
     navigation.navigate("navbar");
   };