faq content add from API

2023-06-16 12:15:08 +01:00
parent 153bc7ab7d
commit 6d16e7f63f
5 changed files with 46 additions and 15 deletions
@@ -1,14 +1,18 @@
 import React from "react";
 import Accordion from "../../Helpers/Accordion";
+import LoadingSpinner from "../../Spinners/LoadingSpinner";

-export default function FaqTab({ datas = [] }) {
+export default function FaqTab({ datas }) {
  return (
    <div className="faq-tab w-full">
      <div className="accordion-items w-full">
-        {datas &&
-          datas.length > 0 &&
-          datas.map((value) => (
-            <Accordion key={value.id + Math.random()} datas={value} />
+        {datas.loading ? 
+          <LoadingSpinner color='sky-blue' size={16} />  
+        :
+        datas &&
+          datas?.data?.length > 0 &&
+          datas.data.map((value, index) => (
+            <Accordion key={index + Math.random()} datas={value} />
          ))}
      </div>
    </div>