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;
   },

store/localSettings.ts

@@ -0,0 +1,28 @@
+// Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
+// This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
+// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+// You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { create } from "zustand";
+
+type LocalSettings = {
+  darkMode: boolean;
+};
+
+type LocalSettingsStore = {
+  settings: LocalSettings;
+  updateSettings: (settings: LocalSettings) => void;
+};
+
+const useLocalSettingsStore = create<LocalSettingsStore>((set) => ({
+  settings: {
+    darkMode: false,
+  },
+  updateSettings: async (newSettings) => {
+    set((state) => ({ settings: { ...state.settings, ...newSettings } }));
+  },
+}));
+
+export default useLocalSettingsStore;
+
+// TODO: Add Dark mode.