import React, { useEffect } from "react"; import { View, Dimensions, SafeAreaView, Platform, StatusBar, Text, FlatList, } from "react-native"; import { connect } from "react-redux"; import { faq } from "../../redux/actions"; //style import tw from "tailwind-rn"; import Colors from "../../constants/Colors"; //components import Header from "../../components/Header"; import Navbar from "../../components/Navbar"; import Search from "../../components/Search"; import Instance from "./components/Instance"; //assets import bgFaq from "./assets/faq.png"; const { width, height } = Dimensions.get("window"); function Faq({ list, getFaq, searchResult, search, selectFaq, searchFaq, theme, }) { useEffect(() => { if (list.length === 0) { getFaq(); } }, [list]); useEffect(() => { StatusBar.setBarStyle( `${theme === "light" ? "dark" : "light"}-content`, true ); }, [theme]); return list.length > 0 ? (
{search?.length ? ( searchResult?.length ? ( { return index; }} renderItem={({ item }) => ( )} initialNumToRender={10} /> ) : ( موردی یافت نشد. ) ) : ( { return index; }} renderItem={({ item }) => ( )} initialNumToRender={10} /> )} ) : null; } const mapStateToProps = (state) => ({ list: state.faq.list, searchResult: state.faq.searchResult, search: state.faq.search, theme: state.publicApi.theme, }); const mapDispatchToProps = { getFaq: faq.list, selectFaq: faq.selectFaq, searchFaq: faq.searchFaq, }; export default connect(mapStateToProps, mapDispatchToProps)(Faq);