import React, { useState, useEffect } from "react"; import { SafeAreaView, ScrollView, StatusBar, LayoutAnimation, Platform, Dimensions, View, } from "react-native"; import { connect } from "react-redux"; import { publicApi } from "../../redux/actions"; import Navbar from "../../components/Navbar"; import Drawer from "../../components/Drawer"; import Book from "./components/Book"; import tw from "tailwind-rn"; const { height } = Dimensions.get("window"); const ios = Platform.OS === "ios"; function AR({ getArList, arList, mobile }) { const [position, setPosition] = useState("100%"); useEffect(() => { getArList(); }, []); const setBoxPosition = () => { LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); setPosition(position === "100%" ? "0%" : "100%"); }; return ( {arList.length ? arList.map((book, index) => ) : null} ); } const mapStateToProps = (state) => ({ arList: state.publicApi.arList, mobile: state.publicApi.mobile, }); const mapDispatchToProps = { getArList: publicApi.getArList, }; export default connect(mapStateToProps, mapDispatchToProps)(AR);