refactor/cookie-menu

Refactors cookie components and context to make it easier to manage
in the future.

app/(private)/dashboard/layout.tsx

@@ -1,6 +1,7 @@
 "use client";
 import Sidebar from "@/app/(private)/_components/sidebar";
 import CookieBanner from "@/components/cookies";
+import CookieContextProvider from "@/context/cookie";
 import { useDashboardContext } from "@/context/dashboard";
 import { cn } from "@/lib/utils";
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
@@ -17,7 +18,9 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
       >
         {children}
       </main>
-      <CookieBanner />
+      <CookieContextProvider>
+        <CookieBanner />
+      </CookieContextProvider>
     </>
   );
 }

app/(public)/layout.tsx

@@ -1,14 +1,17 @@
 import CookieBanner from "@/components/cookies";
 import Footer from "@/components/footer";
 import Header from "@/components/header";
+import CookieContextProvider from "@/context/cookie";
 
 export default function PublicLayout({ children }: { children: React.ReactNode }) {
   return (
     <>
       <Header />
       <main id="content">{children}</main>
-      <Footer />
-      <CookieBanner />
+      <CookieContextProvider>
+        <Footer />
+        <CookieBanner />
+      </CookieContextProvider>
     </>
   );
 }

components/cookies/changeMenu.tsx

@@ -81,6 +81,7 @@ export default function ChangeMenu() {
               onClick={() => {
                 cookie.toggleSelectCookies(false, false, false, false);
                 resetCookieConsentValue();
+                cookie.toggleChangeConsentMenu();
               }}
               variant="outline"
             >
@@ -90,13 +91,6 @@ export default function ChangeMenu() {
               onClick={() => {
                 cookie.toggleChangeConsentMenu();
                 cookie.toggleManageConsentMenu();
-                cookie.toggleSelectCookies(
-                  cookie.preferences,
-                  cookie.analytics,
-                  cookie.advertising,
-                  false
-                );
-                resetCookieConsentValue();
               }}
             >
               Change Consent

components/cookies/index.tsx

@@ -1,3 +1,4 @@
+import CookieFormContextProvider from "@/context/cookie/form";
 import { cn } from "@/lib/utils";
 
 import ChangeMenu from "./changeMenu";
@@ -8,7 +9,9 @@ export default function CookieTray() {
   return (
     <>
       <div className={cn("transition-all")}>
-        <ManageConsent />
+        <CookieFormContextProvider>
+          <ManageConsent />
+        </CookieFormContextProvider>
         <ChangeMenu />
         <CookieToast />
       </div>

components/cookies/manage/buttons.tsx

@@ -1,22 +1,12 @@
 "use client";
-import type { UseFormSetValue } from "react-hook-form";
 
 import { Button } from "@/components/ui/button";
 import { useCookieContext } from "@/context/cookie";
+import { useCookieFormContext } from "@/context/cookie/form";
 
-type CookieInputs = {
-  necessary: boolean;
-  preferences: boolean;
-  analytics: boolean;
-  advertising: boolean;
-};
-
-type ButtonProps = {
-  setValue: UseFormSetValue<CookieInputs>;
-};
-
-export function DenyAll({ setValue }: ButtonProps) {
+export function DenyAll() {
   const cookieStore = useCookieContext();
+  const { setValue } = useCookieFormContext();
   return (
     <>
       <Button
@@ -38,8 +28,9 @@ export function DenyAll({ setValue }: ButtonProps) {
   );
 }
 
-export function AcceptAll({ setValue }: ButtonProps) {
+export function AcceptAll() {
   const cookieStore = useCookieContext();
+  const { setValue } = useCookieFormContext();
   return (
     <>
       <Button