diff --git a/bifrost/components/templates/landing/faqs.tsx b/bifrost/components/templates/landing/faqs.tsx index ca90159a6e..ea66cb19a0 100644 --- a/bifrost/components/templates/landing/faqs.tsx +++ b/bifrost/components/templates/landing/faqs.tsx @@ -3,32 +3,38 @@ import { ChevronRightIcon } from "@heroicons/react/24/outline"; import { useState } from "react"; export default function Faqs() { - const [open, setOpen] = useState(-1); + const [openItems, setOpenItems] = useState([]); return (
-

- Frequently Asked
Questions +

+ Frequently Asked Questions

{FAQS.map((faq, index) => (
setOpen((prev) => (prev === index ? -1 : index))} + onClick={() => { + setOpenItems((prev) => + prev.includes(index) + ? prev.filter((item) => item !== index) + : [...prev, index] + ); + }} key={index} className="w-full p-4 border-2 border-sky-100 rounded-xl cursor-pointer" >

{faq.question}

{faq.answer}