many visual changes + some code cleanup

store/account.ts

@@ -6,23 +6,33 @@
 import { create } from "zustand";
 import { User } from "@prisma/client";
 import { AccountSettings } from "@/types/global";
+import avatarExists from "@/lib/client/avatarExists";
 
 type AccountStore = {
-  account: User;
+  account: AccountSettings;
   setAccount: (email: string) => void;
   updateAccount: (user: AccountSettings) => Promise<boolean>;
 };
 
+const determineProfilePicSource = async (data: any) => {
+  const path = `/api/avatar/${data.response.id}`;
+  const imageExists = await avatarExists(path);
+  if (imageExists) return path + "?" + Date.now();
+  else return null;
+};
+
 const useAccountStore = create<AccountStore>()((set) => ({
-  account: {} as User,
+  account: {} as AccountSettings,
   setAccount: async (email) => {
     const response = await fetch(`/api/routes/users?email=${email}`);
 
     const data = await response.json();
 
-    console.log(data);
+    const profilePic = await determineProfilePicSource(data);
 
-    if (response.ok) set({ account: { ...data.response } });
+    console.log({ ...data.response, profilePic });
+
+    if (response.ok) set({ account: { ...data.response, profilePic } });
   },
   updateAccount: async (user) => {
     const response = await fetch("/api/routes/users", {
@@ -37,7 +47,9 @@ const useAccountStore = create<AccountStore>()((set) => ({
 
     console.log(data);
 
-    if (response.ok) set({ account: data.response });
+    const profilePic = await determineProfilePicSource(data);
+
+    if (response.ok) set({ account: { ...data.response, profilePic } });
 
     return response.ok;
   },