used daisyUI for dark mode

2023-11-24 07:50:16 -05:00
parent b8b6fe24bc
commit 3afd5fef6e
14 changed files with 105 additions and 48 deletions
@@ -16,6 +16,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faBoxesStacked, faFolder } from "@fortawesome/free-solid-svg-icons";
 import useModalStore from "@/store/modals";
 import { useSession } from "next-auth/react";
+import useLocalSettingsStore from "@/store/localSettings";

 type LinkContent = {
  title: string;
@@ -33,6 +34,8 @@ export default function Index() {
  const { links, getLink } = useLinkStore();
  const { setModal } = useModalStore();

+  const { settings } = useLocalSettingsStore();
+
  const session = useSession();
  const userId = session.data?.user.id;

@@ -144,7 +147,7 @@ export default function Index() {
    <LinkLayout>
      <div
        className={`flex flex-col max-w-screen-md h-full ${
-          "dark" ? "banner-dark-mode" : "banner-light-mode"
+          settings.theme === "dark" ? "banner-dark-mode" : "banner-light-mode"
        }`}
      >
        <div