import React, { useState, useEffect } from "react"; import { View, ScrollView, StyleSheet, Dimensions, SafeAreaView, StatusBar, LayoutAnimation, } from "react-native"; import { connect } from "react-redux"; import { book } from "../../redux/actions"; import tw from "tailwind-rn"; import Book from "./components/Book"; import Search from "../../components/Search"; import Select from "../../components/Select"; import Drawer from "../../components/Drawer"; function Products({ grades, productTypes, books }) { const [position, setPosition] = useState("100%"); const [productType, setProductType] = useState("کتاب فیزیکی"); const [grade, setGrade] = useState(""); const [search, setSearch] = useState(""); useEffect(() => {}, []); const setBoxPosition = () => { LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); setPosition(position === "100%" ? "0%" : "100%"); }; const onChange = (name, value) => {}; return ( {productType === "کتاب فیزیکی" && books.map((book, index) => ( ))} {productType === "کتاب دیجیتال" && books.map((book, index) => ( ))} ); } const mapStateToProps = (state) => ({ grades: state.publicApi.grades, books: state.book.list, }); const mapDispatchToProps = { getBooks: book.list, }; export default connect(mapStateToProps, mapDispatchToProps)(Products); Products.defaultProps = { productTypes: ["کتاب فیزیکی", "کتاب دیجیتال", "ویدئوها", "اشتراک"], };