import React from "react"; import { StyleSheet, ScrollView, SafeAreaView, Platform, StatusBar, LayoutAnimation, FlatList, Dimensions, Image, Text, Pressable, } from "react-native"; import { connect } from "react-redux"; import { blog } from "../../redux/actions"; import { useNavigation } from "@react-navigation/native"; //components import Navbar from "../../components/Navbar"; import Drawer from "../../components/Drawer"; import Hashtags from "./layouts/Hashtags"; import Header from "./layouts/Header"; import Single from "./layouts/Single"; import New from "./layouts/New"; import Target from "./layouts/Target"; //style import tw from "tailwind-rn"; import fontSize from "../../constants/fontSize"; import Colors from "../../constants/Colors"; const { width, height } = Dimensions.get("window"); const ios = Platform.OS === "ios"; function Blogs({ getList, blogs, hashtag, setHashtag, theme }) { const [position, setPosition] = React.useState("100%"); React.useEffect(() => { getList(); setHashtag(null); }, []); React.useEffect(() => { StatusBar.setBarStyle( `${theme === "light" ? "dark" : "light"}-content`, true ); }, [theme]); const setBoxPosition = () => { LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); setPosition(position === "100%" ? "0%" : "100%"); }; return ( {hashtag ? ( blog?.tag === hashtag)} renderItem={({ item }) => ( )} keyExtractor={(item) => item?.id} /> ) : (
} keyExtractor={(item) => item?.id} />
} keyExtractor={(item) => item?.id} />
)} ); } const HashtagBlog = ({ blog, theme }) => { const navigation = useNavigation(); return ( navigation.push("Blog", { id: blog?.id })} > {blog?.title} ); }; const mapStateToProps = (state) => ({ blogs: state.blog.list, hashtag: state.blog.hashtag, theme: state.publicApi.theme, }); const mapDispatchToProps = { getList: blog.list, setHashtag: blog.setHashtag, }; export default connect(mapStateToProps, mapDispatchToProps)(Blogs); const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: height / 4, paddingTop: 0, }, container: { paddingVertical: 0, paddingHorizontal: 0, }, });