ordering-ui-react-native 0.23.72 → 0.23.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.23.72",
+  "version": "0.23.73",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/business/src/components/OrdersOption/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { View, Pressable, StyleSheet, ScrollView, RefreshControl, Platform, TouchableOpacity, Animated, Easing } from 'react-native';
+import { View, Pressable, StyleSheet, ScrollView, RefreshControl, Platform, TouchableOpacity } from 'react-native';
 import { useLanguage, useUtils, OrderListGroups, useConfig } from 'ordering-components/native';
 import SelectDropdown from 'react-native-select-dropdown'
 import { Placeholder, PlaceholderLine, Fade } from 'rn-placeholder';
@@ -139,8 +139,6 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
   const HEIGHT_SCREEN = orientationState?.dimensions?.height
   const IS_PORTRAIT = orientationState.orientation === PORTRAIT
   const showTagsList = !props.isAlsea && !props.isDriverApp && currentTabSelected !== 'logisticOrders'
-  const AnimatedFeatherIcon = Animated.createAnimatedComponent(FeatherIcon);
-  const spinValue = new Animated.Value(0);
 
   const preorderTypeList = [
     { key: null, name: t('SLA', 'SLA\'s') },
@@ -470,24 +468,6 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
     }
   }, [isNetConnected, JSON.stringify(offlineActionsState.orders)]);
 
-  const handleInitAnimation = () => {
-    Animated.timing(
-      spinValue,
-      {
-        toValue: 1,
-        duration: 2000,
-        easing: Easing.linear,
-        useNativeDriver: true
-      }
-    ).start()
-  }
-
-  useEffect(() => {
-    if (currentOrdersGroup?.loading || logisticOrders?.loading){
-      handleInitAnimation()
-    }
-  }, [currentOrdersGroup?.loading, logisticOrders?.loading])
-
   return (
     <>
       <View style={styles.header}>
@@ -497,19 +477,13 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
             <WebsocketStatus />
           </View>
           {isNetConnected && (
-            <AnimatedFeatherIcon
+            <FeatherIcon
               name='refresh-cw'
               color={theme.colors.backgroundDark}
               size={24}
               onPress={() => currentTabSelected === 'logisticOrders' ? loadLogisticOrders && loadLogisticOrders() : loadOrders && loadOrders({ newFetch: true })}
               style={{
-                marginRight: 20,
-                transform: [{
-                  rotate: spinValue.interpolate({
-                    inputRange: [0, 0.3],
-                    outputRange: ['0deg', '360deg'],
-                  })
-                }]
+                marginRight: 20
               }}
             />
           )}