many visual changes + some code cleanup

lib/client/addMemberToCollection.ts

@@ -0,0 +1,55 @@
+import { ExtendedCollection, NewCollection } from "@/types/global";
+import getPublicUserDataByEmail from "./getPublicUserDataByEmail";
+
+const addMemberToCollection = async (
+  ownerEmail: string,
+  memberEmail: string,
+  collection: ExtendedCollection,
+  setMemberState: Function,
+  collectionMethod: "ADD" | "UPDATE"
+) => {
+  const checkIfMemberAlreadyExists = collection.members.find((e: any) => {
+    const email = collectionMethod === "ADD" ? e.email : e.user.email;
+    return email === memberEmail;
+  });
+
+  if (
+    // no duplicate members
+    !checkIfMemberAlreadyExists &&
+    // member can't be empty
+    memberEmail.trim() !== "" &&
+    // member can't be the owner
+    memberEmail.trim() !== ownerEmail
+  ) {
+    // Lookup, get data/err, list ...
+    const user = await getPublicUserDataByEmail(memberEmail.trim());
+
+    if (user.email) {
+      const newMember =
+        collectionMethod === "ADD"
+          ? {
+              id: user.id,
+              name: user.name,
+              email: user.email,
+              canCreate: false,
+              canUpdate: false,
+              canDelete: false,
+            }
+          : {
+              collectionId: collection.id,
+              userId: user.id,
+              canCreate: false,
+              canUpdate: false,
+              canDelete: false,
+              user: {
+                name: user.name,
+                email: user.email,
+              },
+            };
+
+      setMemberState(newMember);
+    }
+  }
+};
+
+export default addMemberToCollection;

lib/client/avatarExists.ts

@@ -0,0 +1,4 @@
+export default async function avatarExists(fileUrl: string): Promise<boolean> {
+  const response = await fetch(fileUrl, { method: "HEAD" });
+  return !(response.headers.get("content-type") === "text/plain");
+}

lib/client/fileExists.ts

@@ -1,9 +0,0 @@
-export default async function fileExists(fileUrl: string): Promise<boolean> {
-  try {
-    const response = await fetch(fileUrl, { method: "HEAD" });
-    return response.ok;
-  } catch (error) {
-    console.error("Error checking file existence:", error);
-    return false;
-  }
-}