import React, { useState } from "react"; import { connect } from "react-redux"; import { userFactor } from "../../redux/actions"; import { Dimensions, StyleSheet, ScrollView, SafeAreaView, StatusBar, Platform, LayoutAnimation, } from "react-native"; //components import Order from "./components/Order"; import Navbar from "../../components/Navbar"; import Drawer from "../../components/Drawer"; import Empty from "../../components/Empty"; //assets import b1Image from "./assets/b1.png"; const width = Dimensions.get("window").width; function OrdersFollowUp({ orders, getList, theme }) { const [position, setPosition] = useState("100%"); React.useEffect(() => { StatusBar.setBarStyle( `${theme === "light" ? "dark" : "light"}-content`, true ); }, [theme]); const setBoxPosition = () => { LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); setPosition(position === "100%" ? "0%" : "100%"); }; React.useEffect(() => { getList(); }, []); return ( {orders?.length ? ( {orders?.map((order, index) => ( ))} ) : ( navigation.push("Products")} /> )} ); } const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: 100, alignItems: "flex-end", }, container: { flexDirection: "column", paddingBottom: 0, paddingTop: 64, paddingHorizontal: 16, }, }); const mapStateToProps = (state) => ({ orders: state.userFactor.fullList, theme: state.publicApi.theme, }); const mapDispatchToProps = { getList: userFactor.fullList, }; export default connect(mapStateToProps, mapDispatchToProps)(OrdersFollowUp);