update feature text

src/component/Pages/Faq/Main.js

@@ -5,23 +5,9 @@ import BGImg from "../../../assets/images/bread_crumb_bg.png"
 import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
 import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
 
-import SiteService from '../../../vendors/service/siteService'
-
 const Main = ({brdcum}) => {
 
     const[activeFaq, setActiveFaq] = useState({a : true})
-
-    const [faqs, setFaqs] = useState([]); // initial state for FAQs before API call
-
-    let faqServices = new SiteService(); // instantiating the class
-
-    const allFaqData = () => {
-        return faqServices.faqData();
-    };
-
-    useEffect(() => {
-        allFaqData().then((data) => setFaqs(data.data));
-    }, []);
   return (
     <>
         {brdcum.b1 && 
@@ -68,8 +54,7 @@ const Main = ({brdcum}) => {
             <div className="container">
                 <div className="faq_panel">
                     <div className="accordion" id="accordionExample">
-
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingOne">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link ${activeFaq.a && "active"}`} onClick= {() => setActiveFaq(activeFaq.a ? {a : false} : {a : true})} data-toggle="collapse" data-target="#collapseOne">
@@ -84,9 +69,8 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
-
-                        {/* <div className="card" data-aos="fade-up" >
+                        </div>
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingTwo">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.b && "active"}`} onClick= {() => setActiveFaq(activeFaq.b ? {b : false} : {b : true})} data-toggle="collapse"
@@ -101,9 +85,9 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
+                        </div>
 
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingThree">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.c && "active"}`} onClick= {() => setActiveFaq(activeFaq.c ? {c : false} : {c : true})} data-toggle="collapse"
@@ -119,9 +103,9 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
+                        </div>
 
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingFour">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.d && "active"}`} onClick= {() => setActiveFaq(activeFaq.d ? {d : false} : {d : true})} data-toggle="collapse"
@@ -138,9 +122,9 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
+                        </div>
 
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingFive">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.e && "active"}`} onClick= {() => setActiveFaq(activeFaq.e ? {e : false} : {e : true})} data-toggle="collapse"
@@ -157,9 +141,9 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
+                        </div>
 
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingSix">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.f && "active"}`} onClick= {() => setActiveFaq(activeFaq.f ? {f : false} : {f : true})} data-toggle="collapse"
@@ -176,9 +160,9 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
+                        </div>
 
-                        {/* <div className="card" data-aos="fade-up" >
+                        <div className="card" data-aos="fade-up" >
                             <div className="card-header" id="headingSeven">
                                 <h2 className="mb-0">
                                 <button type="button" className={`btn btn-link collapsed ${activeFaq.g && "active"}`} onClick= {() => setActiveFaq(activeFaq.g ? {g : false} : {g : true})} data-toggle="collapse"
@@ -195,33 +179,7 @@ const Main = ({brdcum}) => {
                                     leap into electronic typesetting, remaining essentially unchanged.</p>
                                 </div>
                             </div>
-                        </div> */}
-
-                    {/* displays loading ... while the page fetches the FAQs */}
-                    {faqs.length < 1 && <h3>Loading...</h3>}
-
-                    {faqs.length > 0 && faqs.map((faq, index) => {
-                        let id = `heading${index}`; //headingSeven
-                        let target = `collapse${index}`; //#collapseSeven
-
-                        return(
-                        <div key={index} className="card" data-aos="fade-up" >
-                            <div className="card-header" id={id}>
-                                <h2 className="mb-0">
-                                <button type="button" className={`btn btn-link collapsed ${activeFaq.b && "active"}`} data-toggle="collapse"
-                                    data-target={`#${target}`}>{activeFaq.b ? <i className="icon_faq icofont-minus"></i>  : <i className="icon_faq icofont-plus"></i>}{faq.title}
-                                </button>
-                                </h2>
-                            </div>
-
-                            <div id={target} className="collapse" aria-labelledby={id} data-parent="#accordionExample">
-                                <div className="card-body">
-                                    <p>{faq.text}</p>
-                                </div>
-                            </div>
                         </div>
-                        )
-                    })}
                     </div>
                 </div>
             </div>

src/vendors/service/siteService.js

@@ -13,9 +13,7 @@ class SiteService {
     return this.getAuxEnd("/country", null);
   }
 
-  faqData() {
-    return this.getAuxEnd("/faq", null);
-  }
+  faqData() {}
   
   //----------------------------------------  -----
   //----------------------------------------  -----