fix: correct typo "cancelLazyFazeIn"

PedroBern · Jan 26, 2021 · 2b8b194 · 2b8b194
1 parent 4d60583
commit 2b8b194
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/createCollapsibleTabs.tsx b/src/createCollapsibleTabs.tsx
@@ -58,7 +58,7 @@ const createCollapsibleTabs = <
     cancelTranslation,
     containerStyle,
     lazy,
-    cancelLazyFazeIn,
+    cancelLazyFadeIn,
     tabBarProps,
     pagerProps,
   }) => {
@@ -171,15 +171,15 @@ const createCollapsibleTabs = <
             // set startMounted to initial scene instead of 0,
             // to support starting on specific tab
             startMounted={i === 0}
-            cancelLazyFazeIn={cancelLazyFazeIn}
+            cancelLazyFadeIn={cancelLazyFadeIn}
           >
             {children[i]}
           </Lazy>
         ) : (
           children[i]
         )
       },
-      [children, lazy, tabNames.value, cancelLazyFazeIn]
+      [children, lazy, tabNames.value, cancelLazyFadeIn]
     )
 
     const stylez = useAnimatedStyle(() => {
@@ -339,12 +339,12 @@ const createCollapsibleTabs = <
   const Lazy: React.FC<{
     name: T
     startMounted?: boolean
-    cancelLazyFazeIn?: boolean
+    cancelLazyFadeIn?: boolean
     children: React.ReactElement
-  }> = ({ children, name, startMounted, cancelLazyFazeIn }) => {
+  }> = ({ children, name, startMounted, cancelLazyFadeIn }) => {
     const { focusedTab, refMap, scrollY, tabNames } = useTabsContext()
     const [canMount, setCanMount] = React.useState(!!startMounted)
-    const opacity = useSharedValue(cancelLazyFazeIn ? 1 : 0)
+    const opacity = useSharedValue(cancelLazyFadeIn ? 1 : 0)
 
     const allowToMount = React.useCallback(() => {
       // wait the scene to be at least 50 ms focused, before mouting
@@ -372,9 +372,9 @@ const createCollapsibleTabs = <
         const tabIndex = tabNames.value.findIndex((n) => n === name)
         // @ts-ignore
         scrollTo(refMap[name], 0, scrollY.value[tabIndex], false)
-        if (!cancelLazyFazeIn) opacity.value = withTiming(1)
+        if (!cancelLazyFadeIn) opacity.value = withTiming(1)
       }
-    }, [canMount, cancelLazyFazeIn])
+    }, [canMount, cancelLazyFadeIn])
 
     const stylez = useAnimatedStyle(() => {
       return {
@@ -383,12 +383,12 @@ const createCollapsibleTabs = <
     }, [])
 
     return canMount ? (
-      cancelLazyFazeIn ? (
+      cancelLazyFadeIn ? (
         children
       ) : (
         <Animated.View
           pointerEvents="box-none"
-          style={[styles.container, !cancelLazyFazeIn && stylez]}
+          style={[styles.container, !cancelLazyFadeIn && stylez]}
         >
           {children}
         </Animated.View>

diff --git a/src/types.ts b/src/types.ts
@@ -43,7 +43,7 @@ export type CollapsibleProps<
   containerStyle?: ViewStyle
   cancelTranslation?: boolean
   lazy?: boolean
-  cancelLazyFazeIn?: boolean
+  cancelLazyFadeIn?: boolean
   tabBarProps?: Omit<TP, keyof TabBarProps<any>>
   pagerProps?: Omit<
     RNFlatListProps<number>,