|
|
|
@ -11,10 +11,13 @@ import { |
|
|
|
|
import { connect } from "react-redux"; |
|
|
|
|
import { publicApi } from "../../redux/actions"; |
|
|
|
|
|
|
|
|
|
//components
|
|
|
|
|
import Navbar from "../../components/Navbar"; |
|
|
|
|
import Drawer from "../../components/Drawer"; |
|
|
|
|
import Book from "./components/Book"; |
|
|
|
|
import Empty from "../../components/Empty"; |
|
|
|
|
|
|
|
|
|
//style
|
|
|
|
|
import tw from "tailwind-rn"; |
|
|
|
|
|
|
|
|
|
const { height } = Dimensions.get("window"); |
|
|
|
@ -53,25 +56,33 @@ function AR({ getArList, arList, mobile }) { |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
<Drawer setBoxPosition={setBoxPosition} position={position} /> |
|
|
|
|
<ScrollView |
|
|
|
|
style={{ |
|
|
|
|
paddingHorizontal: 16, |
|
|
|
|
height: height, |
|
|
|
|
}} |
|
|
|
|
contentContainerStyle={{ paddingBottom: 60 }} |
|
|
|
|
> |
|
|
|
|
<View |
|
|
|
|
style={tw( |
|
|
|
|
`flex justify-between flex-wrap ${ |
|
|
|
|
ios ? "flex-row-reverse" : "flex-row" |
|
|
|
|
}` |
|
|
|
|
)} |
|
|
|
|
{arList?.length ? ( |
|
|
|
|
<ScrollView |
|
|
|
|
style={{ |
|
|
|
|
paddingHorizontal: 16, |
|
|
|
|
height: height, |
|
|
|
|
}} |
|
|
|
|
contentContainerStyle={{ paddingBottom: 60 }} |
|
|
|
|
> |
|
|
|
|
{arList.length |
|
|
|
|
? arList.map((book, index) => <Book book={book} key={index} />) |
|
|
|
|
: null} |
|
|
|
|
</View> |
|
|
|
|
</ScrollView> |
|
|
|
|
<View |
|
|
|
|
style={tw( |
|
|
|
|
`flex justify-between flex-wrap ${ |
|
|
|
|
ios ? "flex-row-reverse" : "flex-row" |
|
|
|
|
}` |
|
|
|
|
)} |
|
|
|
|
> |
|
|
|
|
{arList?.map((book, index) => ( |
|
|
|
|
<Book book={book} key={index} /> |
|
|
|
|
))} |
|
|
|
|
</View> |
|
|
|
|
</ScrollView> |
|
|
|
|
) : ( |
|
|
|
|
<Empty |
|
|
|
|
text="هیچ موردی برای شما وجود ندارد." |
|
|
|
|
buttonText={"رفتن به فروشگاه"} |
|
|
|
|
buttonAction={() => navigation.push("Products")} |
|
|
|
|
/> |
|
|
|
|
)} |
|
|
|
|
</SafeAreaView> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|