feat: refactor consent provider

src/configs/providers/ad-provider.tsx

@@ -1,7 +1,7 @@
 import { ReactElement } from "react";
 
 import { Consent } from "./consent-provider/consent";
-import { useConsent } from "./consent-provider/consent-context";
+import { useConsent } from "./consent-provider/context";
 
 export const AdProvider = (): ReactElement | null => {
     const { consent } = useConsent();

src/configs/providers/consent-provider/context.tsx

@@ -0,0 +1,35 @@
+import { createContext, PropsWithChildren, ReactElement, useContext, useMemo } from "react";
+
+import { useLocalStorage } from "@utils/hooks/use-local-storage";
+
+import { Consent } from "./consent";
+
+interface IConsentContext {
+    consent: Consent;
+}
+const ConsentContext = createContext<IConsentContext | undefined>(undefined);
+ConsentContext.displayName = "ConsentContext";
+
+export const ConsentContextProvider = ({ children }: PropsWithChildren<unknown>): ReactElement => {
+    const { value: consent } = useLocalStorage("consent", Consent.Pending);
+
+    const value = useMemo((): IConsentContext => ({
+        consent
+    }), [consent]);
+
+    return (
+        <ConsentContext.Provider value={value}>
+            {children}
+        </ConsentContext.Provider>
+    );
+};
+
+export const useConsent = (): IConsentContext => {
+    const context = useContext(ConsentContext);
+
+    if (context === undefined) {
+        throw new Error("useConsent must be used within a ConsentProvider.");
+    }
+
+    return context;
+};

src/configs/providers/consent-provider/consent-form.tsx → src/configs/providers/consent-provider/form.tsx

@@ -4,10 +4,10 @@ import { ComponentType, ReactElement, Suspense } from "react";
 import { useLocalStorage } from "@utils/hooks/use-local-storage";
 
 import { Consent } from "./consent";
-import type { ConsentSnackbarProps } from "./consent-snackbar";
+import type { ConsentSnackbarProps } from "./snackbar";
 
 const LazyConsentSnackbar = dynamic(async (): Promise<{ default: ComponentType<ConsentSnackbarProps> }> => ({
-    default: (await import("./consent-snackbar")).ConsentSnackbar
+    default: (await import("./snackbar")).ConsentSnackbar
 }));
 
 export const ConsentForm = (): ReactElement | null => {

src/configs/providers/consent-provider/index.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactElement } from "react";
 
-import { ConsentContextProvider } from "./consent-context-provider";
-import { ConsentForm } from "./consent-form";
+import { ConsentContextProvider } from "./context";
+import { ConsentForm } from "./form";
 
 export const ConsentProvider = ({ children }: PropsWithChildren<unknown>): ReactElement => (
     <>

src/configs/providers/tracking-provider/react-tracking-provider.tsx

@@ -4,7 +4,7 @@ import { useTracking, Options } from "react-tracking";
 
 import { TrackingData } from "./tracking-data";
 import { Consent } from "../consent-provider/consent";
-import { useConsent } from "../consent-provider/consent-context";
+import { useConsent } from "../consent-provider/context";
 
 const getAmplitudeApiKey = (): string => {
     if (!process.env["NEXT_PUBLIC_AMPLITUDE_API_KEY"]) {