use memo for slide context

jwkaterina · Feb 26, 2024 · 5fc33c5 · 5fc33c5
1 parent c191251
commit 5fc33c5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 24 deletions.
diff --git a/src/app/context/context-providers.tsx b/src/app/context/context-providers.tsx
@@ -9,20 +9,15 @@ import { StatusProvider } from './status-context'
 export default function ContextProviders({ children }: any) {
 
     return (
-        <CurrentRecipeProvider>
-            <CurrentMenuProvider>
-                <CardOpenProvider>
-                    <CurrentFoodProvider>
-                        <SlideProvider>
-                            <AuthProvider>
-                                <StatusProvider>
-                                    {children} 
-                                </StatusProvider>
-                            </AuthProvider>
-                        </SlideProvider>
-                    </CurrentFoodProvider>
-                </CardOpenProvider>
-            </CurrentMenuProvider>
-        </CurrentRecipeProvider>
+        <>
+            <CurrentRecipeProvider/>
+            <CurrentMenuProvider/>
+            <CardOpenProvider/>
+            <CurrentFoodProvider/>
+            <SlideProvider/>
+            <AuthProvider/>
+            <StatusProvider/>
+            {children}             
+        </>
     );
 }
diff --git a/src/app/context/slide-context.tsx b/src/app/context/slide-context.tsx
@@ -1,4 +1,4 @@
-import { createContext, useState } from "react";
+import { createContext, useState, useMemo } from "react";
 import { SlideType } from '@/app/types/types';
 
 type ScrollBehavior = 'auto' | 'smooth';
@@ -27,15 +27,17 @@ export const SlideProvider = ({ children }: any) => {
     const [blockScroll, setBlockScroll] = useState<boolean>(false);
     const [scrollBehavior, setScrollBehavior] = useState<ScrollBehavior>('smooth');
 
+    const contextValue = useMemo(() => ({
+        slide,
+        setSlide,
+        blockScroll,
+        setBlockScroll,
+        scrollBehavior,
+        setScrollBehavior
+    }), [slide, setSlide, blockScroll, setBlockScroll, scrollBehavior, setScrollBehavior]);
+
     return (
-        <SlideContext.Provider value={{
-            slide,
-            setSlide,
-            blockScroll,
-            setBlockScroll,
-            scrollBehavior,
-            setScrollBehavior
-        }}>
+        <SlideContext.Provider value={contextValue}>
             {children}
         </SlideContext.Provider>
     );