[@mantine/core] Add option to keep transitions when color scheme chan…

…ges in useMantineColorScheme hook (#5092)
mantinedev · Oct 22, 2023 · 1896312 · 1896312
1 parent 8fe8b0b
commit 1896312
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...antine-core/src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts b/...antine-core/src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts
@@ -15,7 +15,7 @@ function disableTransition() {
   return clear;
 }
 
-export function useMantineColorScheme() {
+export function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean }) {
   const clearStylesRef = useRef<() => void>();
   const timeoutRef = useRef<number>();
   const ctx = useContext(MantineContext);
@@ -26,7 +26,7 @@ export function useMantineColorScheme() {
 
   const setColorScheme = (value: MantineColorScheme) => {
     ctx.setColorScheme(value);
-    clearStylesRef.current = disableTransition();
+    clearStylesRef.current = keepTransitions ? () => {} : disableTransition();
     window.clearTimeout(timeoutRef.current);
     timeoutRef.current = window.setTimeout(() => {
       clearStylesRef.current?.();
@@ -35,7 +35,7 @@ export function useMantineColorScheme() {
 
   const clearColorScheme = () => {
     ctx.clearColorScheme();
-    clearStylesRef.current = disableTransition();
+    clearStylesRef.current = keepTransitions ? () => {} : disableTransition();
     window.clearTimeout(timeoutRef.current);
     timeoutRef.current = window.setTimeout(() => {
       clearStylesRef.current?.();