🍊Add theme mode at navbar and fix add cover issue

lewislovelock · Mar 23, 2024 · 81a2cf8 · 81a2cf8
1 parent 3f1fb2c
commit 81a2cf8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/app/(main)/_components/navbar.tsx b/app/(main)/_components/navbar.tsx
@@ -10,6 +10,7 @@ import { Id } from "@/convex/_generated/dataModel";
 import { Title } from "./title";
 import { Banner } from "./banner";
 import { Menu } from "./menu";
+import { ModeToggle } from "@/components/mode-toggle";
 
 interface NavbarProps {
   isCollapsed: boolean;
@@ -53,7 +54,10 @@ export const Navbar = ({
         )}
         <div className="flex items-center justify-between w-full">
           <Title initialData={document} />
-          <Menu documentId={document._id} />
+          <div>
+            <ModeToggle />
+            <Menu documentId={document._id} />
+          </div>
         </div>
       </nav>
       {document.isArchived && (

diff --git a/components/providers/modal-provider.tsx b/components/providers/modal-provider.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 
 import { SettingsModal } from "@/components/modals/settings-modal";
-// import { CoverImageModal } from "@/components/modals/cover-image-modal";
+import { CoverImageModal } from "@/components/modals/cover-image-modal";
 
 export const ModalProvider = () => {
   const [isMounted, setIsMounted] = useState(false);
@@ -19,7 +19,7 @@ export const ModalProvider = () => {
   return (
     <>
       <SettingsModal />
-      {/* <CoverImageModal /> */}
+      <CoverImageModal />
     </>
   );
 };