From 1687e7f433af716e183c3a187fb26cc94cacab01 Mon Sep 17 00:00:00 2001
From: lassejaco <lasse.jacobsen@ethereum.org>
Date: Thu, 21 Mar 2024 20:57:19 +0100
Subject: [PATCH] faq stateg

---
 devcon/src/pages/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/devcon/src/pages/index.tsx b/devcon/src/pages/index.tsx
index 813c88102..f044cc27e 100644
--- a/devcon/src/pages/index.tsx
+++ b/devcon/src/pages/index.tsx
@@ -116,6 +116,7 @@ export default pageHOC(function Index(props: any) {
   const isInView = useInView(scrollRef, { once: true, margin: '40% 0px -20% 0px' })
   const [video, setVideo] = React.useState(videos[0])
   const [calendarModalOpen, setCalendarModalOpen] = React.useState(false)
+  const [openFAQ, setOpenFAQ] = React.useState<string | null>(null)
 
   const [cal, setCal] = React.useState<any>(null)
 
@@ -463,13 +464,13 @@ export default pageHOC(function Index(props: any) {
                 ),
               },
             ].map(({ question, answer }) => {
-              const [open, setOpen] = React.useState(false)
+              const open = question === openFAQ
 
               return (
                 <div key={question} className="w-full border-[#E2E3FF] bg-[#F8F9FE] rounded-xl shadow mb-4 ">
                   <div
                     className="w-full p-4 bold cursor-pointer select-none hover:opacity-95"
-                    onClick={() => setOpen(!open)}
+                    onClick={() => setOpenFAQ(open ? null : question)}
                   >
                     {question}
                   </div>