refactor: convert cube animation to typescript

ridvanaltun · Aug 9, 2023 · 6145a50 · 6145a50
1 parent b54d595
commit 6145a50
Show file tree

Hide file tree

Showing 7 changed files with 284 additions and 311 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -46,12 +46,14 @@ const CustomSwipeButton = () => {
 
 ignoreWarnings();
 
+const STORIES = createStories();
+
 const App = () => {
   return (
     <SafeAreaView style={styles.container}>
       <StatusBar backgroundColor="#fff" barStyle="dark-content" />
       <Story
-        data={createStories()}
+        data={STORIES}
         duration={10}
         // customStoryView={({ index }) => {
         //   return (

diff --git a/src/animations/AndroidCubeEffect.js b/src/animations/AndroidCubeEffect.js
@@ -22,7 +22,6 @@ class AndroidCubeEffect extends React.Component {
 
     this.state = {
       currentPage: 0,
-      scrollLockPage: this.pages[this.props.scrollLockPage],
     };
   }
 
@@ -102,14 +101,6 @@ class AndroidCubeEffect extends React.Component {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
-    this.setState({
-      scrollLockPage: props.scrollLockPage
-        ? this.pages[props.scrollLockPage]
-        : undefined,
-    });
-  }
-
   /*
       @page: index
     */
@@ -265,7 +256,6 @@ class AndroidCubeEffect extends React.Component {
 
 AndroidCubeEffect.propTypes = {
   callBackAfterSwipe: PropTypes.func,
-  scrollLockPage: PropTypes.number,
 };
 
 const styles = StyleSheet.create({

diff --git a/src/animations/CubeNavigationHorizontal.js b/src/animations/CubeNavigationHorizontal.js