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,
},
});