import React, { Component } from "react"; import { connect } from "react-redux"; import { publicApi } from "~/Redux/actions"; import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; import Collapse from "./Collapse/index"; import Loader from "~/components/Loader/index"; import "./index.scss"; const maxDesktopSize = 1250; const maxMobileSize = 550; const fontSize = { mobile: { h1: window.innerWidth > maxMobileSize ? 24 : window.innerWidth / 20, button: window.innerWidth > maxMobileSize ? 18 : window.innerWidth / 25, p: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 70, span: window.innerWidth > maxMobileSize ? 18 : window.innerWidth / 75, form: window.innerWidth > maxMobileSize ? 18 : window.innerWidth / 70, }, desktop: { h1: window.innerWidth > maxDesktopSize ? 30 : window.innerWidth / 40, button: window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 85, p: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 85, span: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 75, form: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 70, }, }; class Faq extends Component { state = { search: "", searchedMessages: null, }; componentDidMount() { this.props.getFaqList(); } setMessageActive = (id, status) => { if (this.state.searchedMessages) { if (status) { this.setState((prevState) => ({ searchedMessages: prevState.searchedMessages.map((item) => item.id === id ? { ...item, active: false } : item ), })); } else { this.setState((prevState) => ({ searchedMessages: prevState.searchedMessages.map((item) => item.id === id ? { ...item, active: true } : { ...item, active: false } ), })); } } else { if (status) { this.setState((prevState) => ({ messages: prevState.messages.map((item) => item.id === id ? { ...item, active: false } : item ), })); } else { this.setState((prevState) => ({ messages: prevState.messages.map((item) => item.id === id ? { ...item, active: true } : { ...item, active: false } ), })); } } }; handleSearch = (val) => { this.setState({ search: val, }); this.props.searchFaq(val); }; render() { const { faqList, searchResult } = this.props; return ( <> {window.innerWidth > 1000 ? ( faqList && faqList.length > 0 ? ( <>

سلام چطوری میتونم کمکتون کنم؟

this.handleSearch(e.target.value)} />
{this.state.search === "" ? faqList.map((item, i) => ( )) : searchResult.map((item, i) => ( ))}