import React, { useEffect } from "react"; import { View, Text, FlatList, Image, SafeAreaView, ScrollView, StyleSheet, Platform, Dimensions, StatusBar, } from "react-native"; import { connect } from "react-redux"; import { blog, publicApi } from "../../redux/actions"; import { LinearGradient } from "expo-linear-gradient"; import HTMLView from "react-native-htmlview"; import moment from "jalali-moment"; //components import Header from "../Blogs/layouts/Header"; import New from "../Blogs/layouts/New"; import Navbar from "../../components/Navbar"; //assets import tw from "tailwind-rn"; import fontSize from "../../constants/fontSize"; import Colors from "../../constants/Colors"; //variables const ios = Platform.OS === "ios"; const { width } = Dimensions.get("window"); //func const renderNode = (node, index, siblings, parent, defaultRenderer) => { if (node?.name == "img") { const a = node?.attribs; return ( ); } }; export const Blog = ({ getInfo, blog, getList, blogs, route, theme }) => { useEffect(() => { getInfo({ id: route?.params?.id }); if (blogs?.length === 0) { getList(); } }, []); useEffect(() => { StatusBar.setBarStyle( `${theme === "light" ? "dark" : "light"}-content`, true ); }, [theme]); return ( {/* {"نوشته از:" + " " + "کامران ایزدی"} */} {"سردبیر بخش وبلاگ دانوین"} { blog?.duration ? {"زمان مطالعه" + " " + blog?.duration + " دقیقه"} : null } { moment(blog?.createdAt).format('jYYYY/jMM/jDD') } {blog?.title}
{blogs?.length ? ( blog?.id !== route?.params?.id)} renderItem={({ item }) => } keyExtractor={(item, index) => { return item?.id; }} /> ) : null} ); }; const mapStateToProps = (state) => ({ blog: state.blog.blog, blogs: state.blog.list, theme: state.publicApi.theme, }); const mapDispatchToProps = { getInfo: blog.info, getList: blog.list, setHeaderOptions: publicApi.setHeaderOptions, }; export default connect(mapStateToProps, mapDispatchToProps)(Blog); const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: 40, }, container: { paddingVertical: 0, paddingHorizontal: 0, }, font: { textAlign: "center", fontFamily: "render", }, });