Changes .js file to .tsx file and introduces Bookmark type for linter…

… fixes and better type handling

dfm-sideline-sidekick-app/App.tsx

@@ -1,10 +1,7 @@
 import { NavigationContainer, useNavigation } from "@react-navigation/native";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import { StackNavigationProp } from "@react-navigation/stack";
-// eslint-disable-next-line import/order
 import { StatusBar } from "expo-status-bar";
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from "react";
 import { StyleSheet } from "react-native";
 

dfm-sideline-sidekick-app/components/bookmark.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { TouchableOpacity } from "react-native";
+import { Pressable } from "react-native";
 
 import { BookmarkIcon, BookmarkTag } from "../icons/bookmarkIcon";
 
@@ -12,7 +12,7 @@ type bookmarkProps = {
 export const Bookmark: React.FC<bookmarkProps> = ({ item }) => {
   const [selectedItemId, setSelectedItemId] = useState(0);
 
-  useEffect( ()=>{
+  useEffect(() => {
     async function checkExistence() {
       const exists = await findBookmark(item);
       if (exists) {
@@ -29,11 +29,11 @@ export const Bookmark: React.FC<bookmarkProps> = ({ item }) => {
     } else {
       void deleteBookmark(item);
       setSelectedItemId(0);
-    };
+    }
   };
 
   return (
-    <TouchableOpacity
+    <Pressable
       onPress={() => {
         handleBookmarkClick();
       }}
@@ -43,6 +43,6 @@ export const Bookmark: React.FC<bookmarkProps> = ({ item }) => {
       ) : (
         <BookmarkIcon fillColor={"#001F3F"} />
       )}
-    </TouchableOpacity>
+    </Pressable>
   );
 };

dfm-sideline-sidekick-app/components/bookmarkRoutes.tsx

@@ -0,0 +1,85 @@
+import AsyncStorage, { AsyncStorageStatic } from "@react-native-async-storage/async-storage";
+
+const asyncStorage: AsyncStorageStatic = AsyncStorage;
+
+type Bookmark = {
+  _id: string;
+  subtitle: string;
+  title: string;
+  overview?: object;
+  treatment?: object;
+  content?: object;
+};
+
+export const createBookmark = async (item: Bookmark) => {
+  try {
+    const bookmarksJSON: string | null = await asyncStorage.getItem("bookmarks");
+    const bookmarks: Bookmark[] = bookmarksJSON ? (JSON.parse(bookmarksJSON) as Bookmark[]) : [];
+    const exists = bookmarks.some((bookmark) => bookmark._id === item._id);
+    if (exists) {
+      throw new Error("Bookmark already exists!");
+    }
+    bookmarks.push(item);
+    console.log(item);
+    console.log(bookmarks);
+    await asyncStorage.setItem("bookmarks", JSON.stringify(bookmarks));
+    console.log("Bookmark created:", item);
+  } catch (error) {
+    console.error("Error creating bookmark: ", error);
+    throw new Error("Error creating bookmark: " + error);
+  }
+};
+
+export const deleteBookmark = async (item: Bookmark) => {
+  try {
+    const bookmarksJSON: string | null = await asyncStorage.getItem("bookmarks");
+    const existingBookmarks: Bookmark[] = bookmarksJSON
+      ? (JSON.parse(bookmarksJSON) as Bookmark[])
+      : [];
+    const index = existingBookmarks.findIndex((bookmark) => bookmark.title === item.title);
+    if (index !== -1) {
+      existingBookmarks.splice(index, 1);
+      await asyncStorage.setItem("bookmarks", JSON.stringify(existingBookmarks));
+      console.log("Bookmark deleted!");
+    } else {
+      console.log("Bookmark not found!");
+    }
+  } catch (error) {
+    console.error("Error deleting bookmark:", error);
+  }
+};
+
+export const findBookmark = async (item: Bookmark) => {
+  try {
+    const bookmarksJSON: string | null = await asyncStorage.getItem("bookmarks");
+    const existingBookmarks: Bookmark[] = bookmarksJSON
+      ? (JSON.parse(bookmarksJSON) as Bookmark[])
+      : [];
+    const index = existingBookmarks.findIndex((bookmark) => bookmark.title === item.title);
+    return index !== -1;
+  } catch (error) {
+    console.error("Error finding bookmark:", error);
+  }
+};
+
+export const getAllBookmarks = async (): Promise<Bookmark[]> => {
+  try {
+    const bookmarksJSON: string | null = await asyncStorage.getItem("bookmarks");
+    const existingBookmarks: Bookmark[] = bookmarksJSON
+      ? (JSON.parse(bookmarksJSON) as Bookmark[])
+      : [];
+    return existingBookmarks;
+  } catch (error) {
+    console.error("Error getting bookmarks:", error);
+    return [];
+  }
+};
+
+export const clearBookmarks = async () => {
+  try {
+    await asyncStorage.removeItem("bookmarks");
+    console.log("Bookmarks cleared successfully.");
+  } catch (error) {
+    console.error("Error clearing bookmarks:", error);
+  }
+};

dfm-sideline-sidekick-app/pages/SearchPage.tsx

@@ -43,7 +43,6 @@ const SearchPage: React.FC<SearchPageProps> = ({ onPage = true, setShowing }) =>
       const allDocuments = [...emergencies, ...generalPrinciples];
       const matchedDocuments = searchDocuments(allDocuments, text).map((doc) => ({
         ...doc,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         _id: doc._id ?? "fallback-id",
         subtitle:
           doc.subtitle ?? "Lorem ipsum dolor sit amet, consectetur adip iscing elit, sed do.",