Revert "undo commit"

This reverts commit 9103f67db5.

store/localSettings.ts

@@ -2,25 +2,14 @@ import { Sort } from "@/types/global";
 import { create } from "zustand";
 
 type LocalSettings = {
-  theme: string;
-  viewMode: string;
-  show: {
-    link: boolean;
-    name: boolean;
-    description: boolean;
-    image: boolean;
-    tags: boolean;
-    icon: boolean;
-    collection: boolean;
-    date: boolean;
-  };
-  columns: number;
+  theme?: string;
+  viewMode?: string;
   sortBy?: Sort;
 };
 
 type LocalSettingsStore = {
   settings: LocalSettings;
-  updateSettings: (settings: Partial<LocalSettings>) => void;
+  updateSettings: (settings: LocalSettings) => void;
   setSettings: () => void;
 };
 
@@ -28,93 +17,50 @@ const useLocalSettingsStore = create<LocalSettingsStore>((set) => ({
   settings: {
     theme: "",
     viewMode: "",
-    show: {
-      link: true,
-      name: true,
-      description: true,
-      image: true,
-      tags: true,
-      icon: true,
-      collection: true,
-      date: true,
-    },
-    columns: 0,
     sortBy: Sort.DateNewestFirst,
   },
-  updateSettings: (newSettings) => {
-    const { theme, viewMode, sortBy, show, columns } = newSettings;
+  updateSettings: async (newSettings) => {
+    if (
+      newSettings.theme !== undefined &&
+      newSettings.theme !== localStorage.getItem("theme")
+    ) {
+      localStorage.setItem("theme", newSettings.theme);
 
-    if (theme !== undefined && theme !== localStorage.getItem("theme")) {
-      localStorage.setItem("theme", theme);
-      document.querySelector("html")?.setAttribute("data-theme", theme);
+      const localTheme = localStorage.getItem("theme") || "";
+
+      document.querySelector("html")?.setAttribute("data-theme", localTheme);
     }
 
     if (
-      viewMode !== undefined &&
-      viewMode !== localStorage.getItem("viewMode")
+      newSettings.viewMode !== undefined &&
+      newSettings.viewMode !== localStorage.getItem("viewMode")
     ) {
-      localStorage.setItem("viewMode", viewMode);
+      localStorage.setItem("viewMode", newSettings.viewMode);
+
+      // const localTheme = localStorage.getItem("viewMode") || "";
     }
 
-    if (sortBy !== undefined) {
-      localStorage.setItem("sortBy", sortBy.toString());
+    if (
+      newSettings.sortBy !== undefined &&
+      newSettings.sortBy !== Number(localStorage.getItem("sortBy"))
+    ) {
+      localStorage.setItem("sortBy", newSettings.sortBy.toString());
     }
 
-    if (columns !== undefined) {
-      localStorage.setItem("columns", columns.toString());
+    set((state) => ({ settings: { ...state.settings, ...newSettings } }));
+  },
+  setSettings: async () => {
+    if (!localStorage.getItem("theme")) {
+      localStorage.setItem("theme", "dark");
     }
 
-    const currentShowString = localStorage.getItem("show");
-    const newShowString = show ? JSON.stringify(show) : currentShowString;
-
-    if (newShowString !== currentShowString) {
-      localStorage.setItem("show", newShowString || "");
-    }
+    const localTheme = localStorage.getItem("theme") || "";
 
     set((state) => ({
-      settings: {
-        ...state.settings,
-        ...newSettings,
-        show: show ? { ...state.settings.show, ...show } : state.settings.show,
-      },
+      settings: { ...state.settings, theme: localTheme },
     }));
-  },
-  setSettings: () => {
-    const theme = localStorage.getItem("theme") || "dark";
-    localStorage.setItem("theme", theme);
 
-    const viewMode = localStorage.getItem("viewMode") || "card";
-    localStorage.setItem("viewMode", viewMode);
-
-    const columns = parseInt(localStorage.getItem("columns") || "0");
-    localStorage.setItem("columns", columns.toString());
-
-    const storedShow = localStorage.getItem("show");
-    const show = storedShow
-      ? JSON.parse(storedShow)
-      : {
-          link: true,
-          name: true,
-          description: true,
-          image: true,
-          tags: true,
-          icon: true,
-          collection: true,
-          date: true,
-        };
-    localStorage.setItem("show", JSON.stringify(show));
-
-    set({
-      settings: {
-        theme,
-        viewMode,
-        show,
-        columns,
-        sortBy: useLocalSettingsStore.getState().settings.sortBy,
-      },
-    });
-
-    document.querySelector("html")?.setAttribute("data-theme", theme);
+    document.querySelector("html")?.setAttribute("data-theme", localTheme);
   },
 }));