fix: format with prettier

netguru · Apr 10, 2020 · 0d09fad · 0d09fad
1 parent b3e53fc
commit 0d09fad
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 91 deletions.
diff --git a/src/StickyParallaxHeader.js b/src/StickyParallaxHeader.js
@@ -67,42 +67,42 @@ class StickyParallaxHeader extends Component {
       if (y > 0 && y < snapToEdgeTreshold) {
         return constants.isAndroid
           ? this.setState(
-            {
-              isFolded: false
-            },
-            scrollNode.scrollTo({ x: 0, y: 0, animated: true })
-          )
+              {
+                isFolded: false
+              },
+              scrollNode.scrollTo({ x: 0, y: 0, animated: true })
+            )
           : timing(snapToEdgeAnimatedValue, {
-            toValue: { x: 0, y: 0 },
-            duration: 400,
-            easing: Easing.out(Easing.cubic),
-            useNativeDriver: true
-          }).start(() => {
-            snapToEdgeAnimatedValue.removeListener(id)
-            this.setState({
-              isFolded: false
+              toValue: { x: 0, y: 0 },
+              duration: 400,
+              easing: Easing.out(Easing.cubic),
+              useNativeDriver: true
+            }).start(() => {
+              snapToEdgeAnimatedValue.removeListener(id)
+              this.setState({
+                isFolded: false
+              })
             })
-          })
       }
       if (y >= snapToEdgeTreshold && y < scrollHeight) {
         return constants.isAndroid
           ? this.setState(
-            {
-              isFolded: true
-            },
-            scrollNode.scrollTo({ x: 0, y: scrollHeight, animated: true })
-          )
+              {
+                isFolded: true
+              },
+              scrollNode.scrollTo({ x: 0, y: scrollHeight, animated: true })
+            )
           : timing(snapToEdgeAnimatedValue, {
-            toValue: { x: 0, y: scrollHeight },
-            duration: 400,
-            easing: Easing.out(Easing.cubic),
-            useNativeDriver: true
-          }).start(() => {
-            snapToEdgeAnimatedValue.removeListener(id)
-            this.setState({
-              isFolded: true
+              toValue: { x: 0, y: scrollHeight },
+              duration: 400,
+              easing: Easing.out(Easing.cubic),
+              useNativeDriver: true
+            }).start(() => {
+              snapToEdgeAnimatedValue.removeListener(id)
+              this.setState({
+                isFolded: true
+              })
             })
-          })
       }
     }
 
@@ -161,7 +161,7 @@ class StickyParallaxHeader extends Component {
     const isArray = Array.isArray(headerStyle)
     const arrayHeaderStyle = {}
     if (isArray) {
-      headerStyle.map(el => Object.assign(arrayHeaderStyle, el))
+      headerStyle.map((el) => Object.assign(arrayHeaderStyle, el))
     }
 
     return (
@@ -280,7 +280,7 @@ class StickyParallaxHeader extends Component {
     const isArray = Array.isArray(headerStyle)
     const arrayHeaderStyle = {}
     if (isArray) {
-      headerStyle.map(el => Object.assign(arrayHeaderStyle, el))
+      headerStyle.map((el) => Object.assign(arrayHeaderStyle, el))
     }
 
     const shouldRenderTabs = tabs && tabs.length > 0
@@ -320,26 +320,22 @@ class StickyParallaxHeader extends Component {
             }
           )}
         >
-          <View style={{ height: parallaxHeight }} onLayout={e => this.onLayout(e)}>
+          <View style={{ height: parallaxHeight }} onLayout={(e) => this.onLayout(e)}>
             <View
               style={[
                 styles.overScrollPadding,
                 {
-                  backgroundColor: isArray
-                    ? arrayHeaderStyle.backgroundColor
-                    : headerStyle?.backgroundColor
+                  backgroundColor: isArray ? arrayHeaderStyle.backgroundColor : headerStyle?.backgroundColor
                 }
               ]}
             />
-            {backgroundImage
-              ? this.renderImageBackground(scrollHeight)
-              : this.renderPlainBackground(scrollHeight)}
+            {backgroundImage ? this.renderImageBackground(scrollHeight) : this.renderPlainBackground(scrollHeight)}
             {this.renderForeground(scrollHeight)}
           </View>
           {shouldRenderTabs && this.renderTabs()}
           <ScrollableTabView
             initialPage={initialPage}
-            onChangeTab={i => this.onChangeTabHandler(i)}
+            onChangeTab={(i) => this.onChangeTabHandler(i)}
             tabs={tabs}
             page={currentPage}
             swipedPage={this.goToPage}
@@ -348,8 +344,8 @@ class StickyParallaxHeader extends Component {
             isHeaderFolded={isFolded}
           >
             {!tabs && children}
-            {tabs
-              && tabs.map(item => (
+            {tabs &&
+              tabs.map((item) => (
                 <View
                   tabLabel={item.title}
                   key={item.title}

diff --git a/src/components/ScrollableTabBar/ScrollableTabBar.js b/src/components/ScrollableTabBar/ScrollableTabBar.js
@@ -13,23 +13,21 @@ class ScrollableTabBar extends React.PureComponent {
     super(props)
     this.currentXPosition = 0
     this.state = {
-      tabUnderlineWidth: props.tabs.map(_ => 0),
+      tabUnderlineWidth: props.tabs.map((_) => 0),
       activeTab: this.props.activeTab
     }
   }
-  
-  componentDidUpdate(prevProps, prevState){
+
+  componentDidUpdate(prevProps, prevState) {
     const { activeTab } = this.state
-    if(prevState.activeTab !== activeTab){
+    if (prevState.activeTab !== activeTab) {
       this.scrollToTab(activeTab)
     }
   }
-
-  static getDerivedStateFromProps(nextProps, prevState){
-    if(nextProps.activeTab !== prevState.activeTab)
-      return {activeTab: nextProps.activeTab}
-    else 
-      return null
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.activeTab !== prevState.activeTab) return { activeTab: nextProps.activeTab }
+    else return null
   }
 
   adjustPrevious = (page) => {
@@ -123,8 +121,8 @@ class ScrollableTabBar extends React.PureComponent {
         <ScrollView
           style={styles.nestedStyle}
           contentContainerStyle={styles.contentContainer}
-          ref={r => (this.scrollView = r)}
-          onScrollEndDrag={event => (this.currentXPosition = event.nativeEvent.contentOffset.x)}
+          ref={(r) => (this.scrollView = r)}
+          onScrollEndDrag={(event) => (this.currentXPosition = event.nativeEvent.contentOffset.x)}
           vertical={false}
           horizontal
           bounces={false}
@@ -143,13 +141,7 @@ class ScrollableTabBar extends React.PureComponent {
                 activeOpacity={0.9}
                 onPress={() => this.goToPage(page)}
               >
-                <View
-                  style={[
-                    styles.tabContainer,
-                    tabTextContainerStyle,
-                    isTabActive && tabTextContainerActiveStyle
-                  ]}
-                >
+                <View style={[styles.tabContainer, tabTextContainerStyle, isTabActive && tabTextContainerActiveStyle]}>
                   <Text
                     // eslint-disable-next-line no-return-assign
                     onLayout={({

diff --git a/src/components/ScrollableTabView/ScrollableTabView.js b/src/components/ScrollableTabView/ScrollableTabView.js
@@ -40,26 +40,22 @@ class ScrollableTabView extends React.Component {
     scrollXIOS.addListener(({ value }) => callListeners(value / deviceWidth))
   }
 
-  static getDerivedStateFromProps(nextProps, prevState){
+  static getDerivedStateFromProps(nextProps, prevState) {
     let update = {}
 
-    if(nextProps.children !== prevState.children)
-      update.children = nextProps.children
+    if (nextProps.children !== prevState.children) update.children = nextProps.children
 
-    if(nextProps.page >=0 && nextProps.page !== prevState.currentPage)
-      update.currentPage = nextProps.page
+    if (nextProps.page >= 0 && nextProps.page !== prevState.currentPage) update.currentPage = nextProps.page
 
-    return Object.keys(update).length ? update : null;
+    return Object.keys(update).length ? update : null
   }
-  
-  componentDidUpdate(prevProps, prevState){
+
+  componentDidUpdate(prevProps, prevState) {
     const { children, currentPage } = this.state
 
-    if(prevState.children !== children)
-      this.updateSceneKeys({ page: currentPage, children: children })
-
-    if(prevState.currentPage !== currentPage)
-      this.goToPage(currentPage)
+    if (prevState.children !== children) this.updateSceneKeys({ page: currentPage, children: children })
+
+    if (prevState.currentPage !== currentPage) this.goToPage(currentPage)
   }
 
   componentWillUnmount() {
@@ -94,8 +90,8 @@ class ScrollableTabView extends React.Component {
     const { scrollRef, scrollHeight, isHeaderFolded } = this.props
 
     return (
-      isHeaderFolded
-      && scrollRef.getNode().scrollTo({
+      isHeaderFolded &&
+      scrollRef.getNode().scrollTo({
         y: scrollHeight,
         duration: 1000
       })
@@ -113,24 +109,25 @@ class ScrollableTabView extends React.Component {
     })
   }
 
-  composeScenes = () => this.children().map((child, idx) => {
-    const key = this.makeSceneKey(child, idx)
-    const { currentPage, containerWidth, sceneKeys } = this.state
-
-    return (
-      <SceneComponent
-        key={child.key}
-        shouldUpdated={this.shouldRenderSceneKey(idx, currentPage)}
-        style={{ width: containerWidth }}
-      >
-        {this.keyExists(sceneKeys, key) ? child : null}
-      </SceneComponent>
-    )
-  })
+  composeScenes = () =>
+    this.children().map((child, idx) => {
+      const key = this.makeSceneKey(child, idx)
+      const { currentPage, containerWidth, sceneKeys } = this.state
+
+      return (
+        <SceneComponent
+          key={child.key}
+          shouldUpdated={this.shouldRenderSceneKey(idx, currentPage)}
+          style={{ width: containerWidth }}
+        >
+          {this.keyExists(sceneKeys, key) ? child : null}
+        </SceneComponent>
+      )
+    })
 
   makeSceneKey = (child, idx) => `${child.props.tabLabel}_${idx}`
 
-  keyExists = (sceneKeys, key) => sceneKeys.find(sceneKey => key === sceneKey)
+  keyExists = (sceneKeys, key) => sceneKeys.find((sceneKey) => key === sceneKey)
 
   // eslint-disable-next-line max-len
   shouldRenderSceneKey = (idx, currentPageKey) => idx < currentPageKey + 1 && idx > currentPageKey - 1
@@ -155,7 +152,7 @@ class ScrollableTabView extends React.Component {
     animatedValue.removeAllListeners = removeAllListeners
     /* eslint-disable no-param-reassign  */
 
-    return value => listeners.forEach(listener => listener({ value }))
+    return (value) => listeners.forEach((listener) => listener({ value }))
   }
 
   newSceneKeys = ({ previousKeys = [], currentPage = 0, children = this.props.children }) => {
@@ -213,7 +210,7 @@ class ScrollableTabView extends React.Component {
     })
   }
 
-  children = (children = this.props.children) => React.Children.map(children, child => child)
+  children = (children = this.props.children) => React.Children.map(children, (child) => child)
 
   renderScrollableContent() {
     const scenes = this.composeScenes()