import { View, Text, Pressable, SafeAreaView, ScrollView, StyleSheet, Platform, Dimensions, StatusBar, Image, Appearance, } from "react-native"; import React from "react"; import { connect } from "react-redux"; import Svg, { Path } from "react-native-svg"; import { userFavorite } from "../../../../redux/actions"; //components import Navbar from "../../../../components/Navbar"; import Empty from "../../../../components/Empty"; import Blur from "../../../../components/Blur"; //style import tw from "tailwind-rn"; import Colors from "../../../../constants/Colors"; import fontSize from "../../../../constants/fontSize"; const { height, width } = Dimensions.get("window"); const ios = Platform.OS === "ios"; const ProfileBookmark = ({ bookmarkList, getList, deleteItem, loading, mobile, grades, }) => { const colorScheme = Appearance.getColorScheme(); React.useEffect(() => { getList(); }, []); return ( {loading && ( )} {bookmarkList.length ? ( {bookmarkList?.map((bookmark, index) => ( ))} ) : ( )} ); }; const Bookmark = ({ bookmark, deleteItem, mobile, grades }) => { const colorScheme = Appearance.getColorScheme(); const isContent = React.useMemo(() => { return bookmark?.content; }); return ( {isContent ? bookmark?.content?.name : bookmark.product.book.name} {!isContent && ( {"پایه" + " " + grades[bookmark?.product?.book?.gradeId]} )} deleteItem({ id: bookmark.id })}> ); }; const mapStateToProps = (state) => ({ loading: state.userFactor.loading, mobile: state.publicApi.mobile, bookmarkList: state.userFavorite.list, loading: state.userFavorite.loading, grades: state.publicApi.grades, }); const mapDispatchToProps = { getList: userFavorite.list, deleteItem: userFavorite.del, }; export default connect(mapStateToProps, mapDispatchToProps)(ProfileBookmark); const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: 100, position: "relative", }, container: { backgroundColor: "white", flexDirection: "column", paddingVertical: 0, paddingHorizontal: 0, }, });