Implement dark mode

pahans · May 20, 2024 · 851651f · 851651f
1 parent e198573
commit 851651f
Show file tree

Hide file tree

Showing 10 changed files with 578 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@hookform/resolvers": "^3.4.0",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
@@ -27,6 +28,7 @@
     "clsx": "^2.1.1",
     "lucide-react": "^0.378.0",
     "next": "14.2.3",
+    "next-themes": "^0.3.0",
     "react": "^18",
     "react-dom": "^18",
     "react-hook-form": "^7.51.4",

diff --git a/src/app/components/edit-post/edit-post.tsx b/src/app/components/edit-post/edit-post.tsx
@@ -27,7 +27,7 @@ export const EditPost: React.FC<EditPostProps> = ({ post }) => {
   const overlay = searchParams.get("overlay")?.toString();
   const canShowModal = overlay === "new-post" || overlay === "edit-post";
 
-  let [isPending, startTransition] = useTransition();
+  const [isPending, startTransition] = useTransition();
 
   const onSubmit = async (formData: FormData) => {
     startTransition(() => void createOrUpdatePost(formData));